您的位置:首页 > Web前端 > JavaScript

JS 某一区域内所有CheckBox全选和取消全选(.net)

2013-12-02 16:12 309 查看
假设在某个table中的两个td,一个放全选checkbox,一个放所有的checkbox【其他标签类似】

eg: <td>人才类别:<asp:CheckBox ID="choseAll" ToolTip="全选" onclick="CheckedAll('choseAll','cbl')" runat="server" />

</td>
<td id="cbl1">
<asp:CheckBoxList ID="cblRcType" runat="server" RepeatColumns="4" RepeatDirection="Horizontal">
</asp:CheckBoxList>
</td>

那么JS方法为:
 function CheckedAll(checkall,tbObj)
    {
   
     var checkAll=document.getElementById(""+checkall+"");
      if( checkAll.checked ) // 全选
      {
       var inputs=document.getElementById(""+tbObj+"").getElementsByTagName("input");
        for (var i=0; i < inputs.length; i++)
        {
          if (inputs[i].type == "checkbox" && inputs[i].id != ""+checkall+"" )
          {
            inputs[i].checked = true;
           
          }
        }
        checkAll.title="取消全选";
      }
      else // 取消全选
      {
         var inputs=document.getElementById(""+tbObj+"").getElementsByTagName("input");
        for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
        {
          if (inputs[i].type == "checkbox" && inputs[i].id != ""+checkall+"" )
          {
            inputs[i].checked = false;
           
          }
        }
         checkAll.title="全选";
      }
    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: