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

  • 相关阅读:
    docker 部署aps.net MVC到windows容器
    docker 搭建私有仓库 harbor
    解决关于:Oracle数据库 插入数据中文乱码 显示问号???
    ionic cordova build android error: commamd failed with exit code eacces
    cordova build android Command failed with exit code EACCES
    Xcode 10 iOS12 "A valid provisioning profile for this executable was not found
    使用remix发布部署 发币 智能合约
    区块链: 编译发布智能合约
    mac 下常用命令备忘录
    JQuery fullCalendar 时间差 排序获取距当前最近的时间。
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3454170.html
Copyright © 2020-2023  润新知