GridView中嵌入JS脚本实现全选功能

本文介绍如何在ASP.NET中使用GridView控件实现全选和批量删除功能。通过自定义模板字段和JavaScript脚本来控制复选框的状态,并在用户确认后执行删除操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,代码:

<asp:TemplateField>
                    <ItemTemplate>
                        <input type='checkbox' name='PKey' value='<%# DataBinder.Eval(Container.DataItem, "id") %>' />
                    </ItemTemplate>
                </asp:TemplateField>

 

------------------------------------------------------------------------------------------------------------

 

<PagerTemplate>
                <asp:HyperLink ID="lnkCheckAll" runat="server" Text="全选" NavigateUrl="javascript:CheckAll(true);"></asp:HyperLink>
                -
                <asp:HyperLink ID="lnkClearAll" runat="server" Text="取消" NavigateUrl="javascript:CheckAll(false);"></asp:HyperLink>
                &nbsp; &nbsp; <a href="#" onclick="onDelete('labelinformation.aspx'); return false;">
                    删除</a>
                <br />
                <table>
                    <tr>
                        <td>
                            <pcontrol:PagerControl ID="ctlPagerControl" runat="server" />
                        </td>
                    </tr>
                </table>
            </PagerTemplate>

2,脚本:

 

    <script>
    function CheckAll(checked)
     {
         for( var i=0; i < document.forms[0].elements.length; i++)
          if (document.forms[0].elements[i].name=='PKey')
         document.forms[0].elements[i].checked=checked;
     }
    </script>

    <script>
         function onDelete(url)
      
          {
             var count=0;
             var keyid ="";
             var objList = document.getElementsByName("PKey");
             for(i=0;i<objList.length;i++)
               {
                  if(objList[i].checked)
                    {
                     if(count>0) keyid+=",";
                     keyid += objList[i].value;
                     count++;
                     }
               }
              
          if(count==0)
          {
          Ext.MessageBox.alert("请确认","您未选择任何记录!");return;
          }
         
         if(! Ext.MessageBox.confirm("请确认","您确定要删除选择的记录吗?",function(btn)
          {
          if (btn == 'yes')
          {
             self.location.href= url + "?type=delete&keyid=" + keyid;
          }
         })          
        
         );    
    
     }
    </script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值