时间:2021-07-01 10:21:17 帮助过:4人阅读
1.全选、反选
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script>
- <script type="text/javascript">
- $(function () {
- $("#selall").on("click", function () { $("#plalst :checkbox").prop("checked", true); });
- $("#selnone").on("click", function () { $("#plalst :checkbox").prop("checked", false); });
- $("#resver").on("click", function () { $("#plalst :checkbox").prop("checked", function (i, val) { return !val; }); });
- $("#chkAll").on("click", function () { $("#plalst :checkbox").prop("checked", $("#chkAll").prop("checked")) });
- });
- </script>
- </head>
- <body>
- <div id="plalst">
- <input type="checkbox" />一队
- <input type="checkbox" />二队
- <input type="checkbox" />三队
- <input type="checkbox" />四队
- <input type="checkbox" />五队
- <input type="checkbox" />六队
- </div>
- <br /><br /><br />
- <input type="button" id="selall" value="全选" />
- <input type="button" id="selnone" value="全不选" />
- <input type="button" id="resver" value="反选" />
- <input type="checkbox" id="chkAll" /><label for="chkAll" >选择</label>
- </body>
- </html>
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!