javascript 实现复选框全选和全不选

js:
function getChoose(){
   var v_all=document.getElementById("selectAll");
   var v_no=document.getElementById("selectNo");
   var chkBoxes = document.getElementsByName("bomId");
   if(v_all.checked){
      if(chkBoxes.length>0){
for(var i=0; i< chkBoxes.length; i++){
if(chkBoxes[i].type=="checkbox"){
  chkBoxes[i].checked=true;
}
}
      }
   }
   if(v_no.checked){
      v_all.checked=false;
      if(chkBoxes.length>0){
for(var i=0; i< chkBoxes.length; i++){
if(chkBoxes[i].type=="checkbox"){
  chkBoxes[i].checked=false;
}
}
      }
   } 
}
解释:selectAll、selectNo、bomId分别是复选框的id属性
<input type='checkbox' name='selectAll' id='selectAll' onclick="return getChoose();"/>全选
    <input type='checkbox' name='selectNo' id='selectNo' onclick="return getChoose();"/>全不选
下面的这个复选框是循环出来的,是有多个的
<input type='checkbox' name='bomId' id='bomId' value='${tmPart.tinventoryid }' />






你可能感兴趣的:(JavaScript)