jQuery CheckBox全选、全不选实现代码小结

  直接上代码。

  

   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  下面的代码比较全,是基于js的控制原理实现

  

复制代码 代码如下:

  <script src="http://dl.glzy8.com/img/jslib/jquery/jquery14.js"></script>

  <script type="text/javascript">

  //全选

  function CheckedAll(){

  $(':checkbox').attr('checked','checked');

  }

  //全不选

  function CheckedNo(){

  $(':checkbox').attr('checked','');

  }

  //反选

  function CheckedRev(){

  var arr = $(':checkbox');

  for(var i=0;i<arr.length;i++){

  arr[i].checked = ! arr[i].checked;

  }

  }

  </script>

  <body>

  <div>

  <input id="CheckAll" type="checkbox" />

  <input name="subBox" type="checkbox" />

  <input name="subBox" type="checkbox" />

  <input name="subBox" type="checkbox" />

  <input name="subBox" type="checkbox" />

  </div>

  <input type="button" name="btnCheckedAll" value="全 选" onclick="javascript:CheckedAll();" />

  <input type="button" name="btnCheckedNo" value="全不选" onclick="javascript:CheckedNo();" />

  <input type="button" name="btnCheckedRev" value="反 选" onclick="javascript:CheckedRev();" />

  </body>