JS 实现全选和全不选代码示例

本文实例为大家分享了js实现全选和全不选的具体代码，供大家参考，具体内容如下

非常简洁的几行原生js实现全选和全不选，大神们可以在此基础上加上反选功能。

nbsp;html>


 <meta>
 <title>全选、全不选</title>

                  <script> //Check all function All(e, itemName) { var aa = document.getElementsByName(itemName); for (var i=0; i < aa.length; i++) aa[i].checked = e.checked; //得到那个总控的复选框的选中状态 } //Single select function Item(e, allName) { var all = document.getElementsByName(allName)[0]; if(!e.checked) all.checked = false; else { var aa =document.getElementsByName(e.name); for (var i=0; i<aa.length; i++) if(!aa[i].checked) return; all.checked= true; } } </script>

效果图： 

推荐教程：《JS教程》