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

最新推荐文章于 2022-03-16 20:39:53 发布

weixin_30315723

最新推荐文章于 2022-03-16 20:39:53 发布

阅读量101

点赞数

原文链接：http://www.cnblogs.com/jlcoder/p/3454170.html

版权

假设在某个table中的两个td,一个放全选checkbox,一个放所有的checkbox【其他标签类似】

eg: <td>人才类别:<asp:CheckBox ID="choseAll" ToolTip="全选" οnclick="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="全选";
　　　　　　}
　　　　}