首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >DataGrid 的 全选/取消全选 控制(CheckBox)

DataGrid 的 全选/取消全选 控制(CheckBox)

作者头像
Java架构师必看
发布2020-07-21 14:24:44
1.3K0
发布2020-07-21 14:24:44
举报
文章被收录于专栏:Java架构师必看Java架构师必看

DataGrid控件:

  <Columns>
         <asp:TemplateColumn>
          <HeaderStyle Width="10px"></HeaderStyle>
          <HeaderTemplate>
           <INPUT id="CheckAll" name="CheckAll" type="checkbox" οnclick="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();  
           }
        }
 }

本文由来源 21aspnet,由 system_mush 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档