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

  • 相关阅读:
    R语言实战
    Python Google Translate API
    Windows使用技巧
    test_CSDN_markdown_format
    Linux: bash script
    test_markdown
    线性基学习笔记+模板总结
    Educational Codeforces Round 69 D Yet Another Subarray Problem
    图片托管
    二维线段树模板,建树,维护最大最小值
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3454170.html
Copyright © 2011-2022 走看看