checkbox全选全不选

第一种方法：

function checkAll(){

 

    var items=document.getElementByName(checkbox_name);//checkbox_name指除触发事件的那个checkbox以外所有checkbox的名字

    var len=items.length;

   if(len){//判断是否有要选择的checkbox

    for(var i=0;i<len;i++){

      

        if(items[i].checked==true){//这段代码实现的功能是全不选

             items[i].checked=false;

       }else{

              if(items[i].checked==false){//全选

                   items[i].checked=true;

              }

       }

 

   }

 

  }

 

  总结：这种方法，简洁明了，容易理解，代码量也较少，缺点是如果有多个表单，checkbox的名字相同的话，会比较乱的。

第二种方法：

 

  function checkAll2(){

       var len=document.form1.length;//form1是指表单名

       for(var i=0;i<len;i++){

          if(document.form1[i].name=="c1"){c1是指checkbox
               if(document.form1[i].checked==false){//以下同上
                  document.form1[i].checked=true;

               }else{

                   if(document.form1[i].checked==true){
                  document.form1[i].checked=false;

               }

       }

 }

 

第三种方法：

 

function checkAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = true;
}
}
}
function uncheckAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = false;
}
}
}