一个很好用的控制checkbox全选与全不选的方法

JavaScript部分

<script type="text/javascript">

 // 说明：Javascript 控制 CheckBox 的全选与取消全选
 // 整理：http://www.CodeBit.cn
 
 function checkAll(name)
 {
     var el = document.getElementsByTagName('input');
     var len = el.length;
     for(var i=0; i<len; i++)
     {
         if((el[i].type=="checkbox") && (el[i].name==name))
         {
             el[i].checked = true;
         }
     }
 }
 function clearAll(name)
 {
     var el = document.getElementsByTagName('input');
     var len = el.length;
     for(var i=0; i<len; i++)
     {
         if((el[i].type=="checkbox") && (el[i].name==name))
         {
             el[i].checked = false;
         }
     }
 }
 
 </script>

 

之后只需在全选按钮的标签中加上οnclick="if(this.checked==true) { checkAll('ids'); } else { clearAll('ids'); }"即可

        ids为checkbox的name