javascript 全选

1.在表头有一个全选按钮的

方法一：

  var k=0;
  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)) {
        if(k%2==0){
         el[i].checked = true;  
        }else{
            el[i].checked = false;
        }
    }    
   }
   k++;  
 }
 

 <input type="checkbox" name="xmbz" onclick="checkAll('xmbz');"  style="cursor: hand" >

 <input type="checkbox"  name="xmbz"  id="rad3" onclick="radcl('3')" /> 
 <input type="checkbox"  name="xmbz"  id="rad4" onclick="radcl('4')" />

 <input type="checkbox"  name="xmbz"  id="rad5" onclick="radcl('5')" />

方法二：

 function checkAll(){

  var tab=$(".xmid");

  var bool=$("cl").attr("checked");

  if(bool==true){

   $(".xmid").attr("checked","true");

  }else{

   $(".xmid").attr("checked","");

   }
}

 

 

 <input type="checkbox"  onclick="checkAll('xmbz');"  style="cursor: hand"  class="cl">

 <input type="checkbox"   onclick="radcl('3')"  class="xmid" /> 
 <input type="checkbox"   onclick="radcl('4')"  class="xmid"/>

 <input type="checkbox"   onclick="radcl('5')"  class="xmid"/>

 

2.有全选和反选两个按钮的

function checkall(name){

  var names=document.getElementByname(name);

  var len=names.length;

  if(len>0){

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

    names[i].checked=true;

  }

 }

}

 

function checkno(name){

  var names=document.getElementByname(name);

  var len=names.length;

  if(len>0){

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

    names[i].checked=false;

  }

 }

}