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

假设在某个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="全选";
       }
    }
 

posted @ 2013-12-02 16:12  jeamsluu  阅读(351)  评论(0编辑  收藏  举报