checkbox全选简化版

<script type='text/javascript'> 
  function selectAll(e) {  
    //返回所有名为‘chk’的元素数组  
    var boxs = document.getElementsByName('chk');  
    var len = boxs.length;  
 
    for (var i = 0; i < len; i++)  
    {  
      //操作checkbox组的checked属性和控制全选的checkbox属性一致  
      boxs[i].checked = e.checked;  
    }  
  }  
</script> 
 
</head> 
 
<body> 
  <form> 
    <!--checkbox组--> 
    <input type='checkbox' name='chk' />checkbox1<br /> 
    <input type='checkbox' name='chk' />checkbox2<br /> 
    <input type='checkbox' name='chk' />checkbox3<br /> 
    <input type='checkbox' name='chk' />checkbox4<br /> 
    <input type='checkbox' name='chk' />checkbox5<br /> 
    <!--控制全选的checkbox--> 
    <input type='checkbox' name='control' onClick='selectAll(this);'/>全选  
  </form> 
</body> 

你可能感兴趣的:(checkbox)