checkbox全选javascript代码实现

来源：互联网发布：公交车线路查询软件编辑：程序博客网时间：2024/05/16 12:42

方法一：

<table >
    <tr>
            <td width="5%"><input type="checkbox" name="boxs" value="" onclick='SelectAll("box",this.checked)'></td>
            <td width="20%">栏目一</td>
            <td width="20%">栏目二</td>
            <td width="20%">栏目三</td>
    </tr>
    <tr>
           <td width="5%"><input type="checkbox" name="box" >1</td>
            <td width="20%">1111</td>
            <td width="20%">2222</td>
            <td width="20%">3333</td>
    </tr>
    <tr>
           <td width="5%"><input type="checkbox" name="box" >2</td>
            <td width="20%">1111</td>
            <td width="20%">2222</td>
            <td width="20%">3333</td>
    </tr>
</table>

<script type="text/javascript">
//checkbox 是否全选
function SelectAll(name,bool){
      var boxs = document.getElementsByTagName('input');
      var len = boxs.length;
      for(var i=0;i<len;i++){
          if((boxs[i].type=="checkbox")&&(boxs[i].name==name)){
              if(bool==true)
                  boxs[i].checked = true;
              else
                  boxs[i].checked = false;
          }
      }

}
</script>

方法二：

function SelectAll(name,bool){
      var boxs = document.getElementsByName(name);
      var len = boxs.length;
      for(var i=0;i<len;i++){
         if(bool==true)
            boxs[i].checked = true;
         else
            boxs[i].checked = false;
      }
}

</script>