zoukankan      html  css  js  c++  java
  • 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="全选";
           }
        }
     

  • 相关阅读:
    配置postgres9.3间的fdw——实现不同postgres数据库间的互访问
    linux安装配置postgres及使用dblink
    一次“峰回路转”的troubleshooting经历
    10分钟内把永远跑不完的存储过程变为2秒跑完
    C++ friend关键字
    每天学点Linux命令之 vi 命令
    Shell
    九大排序算法及其实现- 插入.冒泡.选择.归并.快速.堆排序.计数.基数.桶排序.堆排序
    到位
    【LeetCode】-- 260. Single Number III
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3454170.html
Copyright © 2011-2022 走看看