checkbox 全选

来源:互联网 发布:长板空间 淘宝 编辑:程序博客网 时间:2024/05/28 01:35

/*
 * 全选checkbox
 */
 
var chkall = document.getElementsByName("all");
var chkChildren = document.getElementsByName("children");

function selectAll() {
    var values=""
    if(chkall[0].checked){
   values=chkall[0].value;
   for(var i=0;i<chkChildren.length;i++){
   chkChildren[i].checked=false
   }  
      document.getElementById("checkBoxValues").innerText=values
    }else{
      document.getElementById("checkBoxValues").innerText=""
 }
   
}

 

/*
 * 子节点选择checkbox
 */

function selectChildren() {
 
    var values=""

    for(var i=0;i<chkChildren.length;i++){
     if(chkChildren[i].checked){        
       chkall[0].checked=false;
       values+=chkChildren[i].value+",";   
     }
   
    }
   
    values=values.substring(0,values.length-1);  
    document.getElementById("checkBoxValues").innerText=values
   
  
    var count=0;  
    for(var i=0;i<chkChildren.length;i++){
       if(chkChildren[i].checked){
        chkall[0].checked=false;
        count++;
    } 
   
    if(count==chkChildren.length){
       chkall[0].checked=true;
    for(var i=0;i<chkChildren.length;i++){
      chkChildren[i].checked=false
       }
    values=chkall[0].value;  
       document.getElementById("checkBoxValues").innerText=values
    }
    }

   
}