• 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="全选";
           }
        }
     

  • 相关阅读:
    理解 Go interface 的 5 个关键点
    volcano networkpolicy
    通过 iptables log 日志追踪 Kubernetes 网络
    Network Policy Enforcement
    calico 容器编排之Kubernetes多租户网络隔离
    Kubernetes的原生多租户解决方案
    第四章 计算机基础知识详解
    vue兄弟组件通信
    vue父子组件通信
    Safari浏览器css兼容
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3454170.html
Copyright © 2020-2023  润新知