jQuery Checkbox 全选反选的简单实例

2019-11-19 18:47:16

字体：大中小

来源：转载

供稿：网友

1.全选、反选

<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="http://xiazai.VeVB.COm/201611/yuanma/jquery(VeVB.COm).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>

以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持武林网！

上一篇：原生JS简单实现ajax的方法示例

下一篇：使用Vue.js创建一个时间跟踪的单页应用