zoukankan      html  css  js  c++  java
  • DataGrid 的 全选/取消全选 控制(CheckBox)

    DataGrid控件:

      <Columns>
            <asp:TemplateColumn>
             <HeaderStyle Width="10px"></HeaderStyle>
             <HeaderTemplate>
              <INPUT id="CheckAll" name="CheckAll" type="checkbox" onclick="ChooseAll()">
             </HeaderTemplate>
             <ItemTemplate>
              <asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
             </ItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="序号">
             <HeaderStyle Wrap="False"></HeaderStyle>
             <ItemTemplate>
              <asp:Label runat="server" ID="labNO"></asp:Label>
             </ItemTemplate>
            </asp:TemplateColumn>

    javascript函数:

      var checkFlag = true;
        function ChooseAll()
        {
           //if( !document.all("CheckAll").Checked ) // 全选 
           if( checkFlag ) // 全选 
          {
              var inputs = document.all.tags("INPUT");
              for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
              {
                if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
                 {
                    inputs[i].checked = true;
                 }    
              }
              checkFlag = false;
           }
           else  // 取消全选
           {
              var inputs = document.all.tags("INPUT");
              for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
              {
                 if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
                 {
                    inputs[i].checked = false;
                 }    
              }
              checkFlag = true;
           }
        }

        // <summary>
        // 让用户加以确认删除数据。
        // </summary>
        function DelRec()
        {
           var inputs = document.all.tags("input");
           var selectedLen = 0;
           for( var i=0;i < inputs.length; i ++)
           {
              if(inputs[i].type == "checkbox")
              {
                 if( inputs[i].checked )
                 {
                    if(inputs[i].id != "CheckAll")
                    {
                       selectedLen ++;
                    }
                 }
              }
           }
           if( selectedLen == 0 )
           {
              alert("请先选择您要删除的数据!");
           }
           else
           {
              var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗?");
              if(flag)
              {
                 document.all("BtnDelRecord").click(); 
              }
           }
        }

  • 相关阅读:
    [C#.net]获取文本文件的编码,自动区分GB2312和UTF8
    [C#.net]SqlDataAdapter 执行超时已过期 完成操作之前已超时或服务器未响应
    [C#.Net]Window服务调用外部程序
    [Bat]UNC路径不支持的2种解决方法
    [c#.net]未能加载文件或程序集“”或它的某一个依赖项。系统找不到指定的文件
    精读比特币论文
    动态添加Redis密码认证
    扫码登录的安全性分析
    Cookie与Passport安全
    Http压测工具wrk使用指南
  • 原文地址:https://www.cnblogs.com/juan/p/1430803.html
Copyright © 2011-2022 走看看