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

  • 相关阅读:
    六. 异常处理5.多重catch语句的使用
    六. 异常处理4.try和catch的使用
    六. 异常处理3.未被捕获的异常
    六. 异常处理2.异常类型
    对mysql数据库中字段为空的处理
    mysql 中实现多条数据同时更新
    java 用PDFBox 删除 PDF文件中的某一页
    java7 java MethodHandle解析
    【十四】jvm 性能调优实例
    【十三】jvm 性能调优工具之 jstack
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3454170.html
Copyright © 2011-2022 走看看