复选框全选、批量删除

// 脚本全选

 1 <head runat="server">
 2     <title></title>
 3     <script type="text/javascript">
 4         function selectAll(chk) {
 5             var checkboxs = document.getElementsByTagName("input");
 6             for (var i = 0; i < checkboxs.length; i++) {
 7                 if(checkboxs[i].type == "checkbox"){
 8                     checkboxs[i].checked = chk.checked;
 9                 }
10             }
11         }
12     </script>
13 </head>
1 <HeaderTemplate>
2           <asp:CheckBox ID="cboSelectAll" Text="全选" runat="server" AutoPostBack="True" oncheckedchanged="cboSelectAll_CheckedChanged" />|
4                <input type="checkbox" id="htmlCboSelectAll" onclick="selectAll(this)" />JS全选 <br />
6                <asp:LinkButton ID="lbDeleteSelected" runat="server"
7                                onclick="lbDeleteSelected_Click" OnClientClick="return confirm(‘确定要批量删除吗?‘)">批量删除</asp:LinkButton>
8 </HeaderTemplate>
 1  //批量删除
 2         protected void lbDeleteSelected_Click(object sender, EventArgs e)
 3         {
 4             bool hasDeleteRow = false;//是否有选中要删除的项
 5             StringBuilder bookIDs = new StringBuilder("delete from BookInfo where bookid in(");
 6             //遍历GridView中的行,获取被选中行的主键值
 7             foreach (GridViewRow row in this.gvBookInfos.Rows)
 8             {
 9                 if (((CheckBox)row.FindControl("cboSelect")).Checked)
10                 {
11                     hasDeleteRow = true;
12                     int bookID = Convert.ToInt32(this.gvBookInfos.DataKeys[row.RowIndex].Value);
13                     bookIDs.Append(bookID+",");
14                 }
15             }
16             //没有选中行时,给出相应提示
17             if (!hasDeleteRow)
18             {
19                 Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert(‘请选择要删除的选项!‘)", true);
20                 return;
21             }
22             string ids = bookIDs.ToString();
23             ids = ids.Substring(0,ids.Length-1)+")";
24             int result = DBUtil.ExecuteSql(ids);
25             if (result > 0)
26             {
27                 Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert(‘批量删除成功!‘)", true);
28                 GridViewBind();
29             }
30             else
31             {
32                 Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert(‘批量删除失败!‘)", true);
33             }
34         }
时间: 2024-12-26 16:19:56

复选框全选、批量删除的相关文章

checkbox复选框全选批量删除

多选框全选实现批量删除 html代码 <body> <form action="" method="post" name="FormName" onsubmit="return checkbox();"> <table > <tr ><td><input type="checkbox" name="checkboxes[]"

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun

jQuery实现复选框全选/全部取消/反选/获得选择的值

本地单文件上传脚本,命名uf 这是在本机上做的测试,利用bpcs_uploader脚本实现,只是进行简单的封装,自动完善云端文件路径. 技术要点:使用dirname获取文件所在目录,使用pwd获取文件完整路径,并作为云端文件路径. #!/bin/bash cur_dir=$(cd "$(dirname "$1")"; pwd) name=$(basename "$1") /home/grm/bin/bpcs_uploader/bpcs_uploa

jQuery实现的checkbox复选框全选和全不选效果

jQuery实现的checkbox复选框全选和全不选效果:复选框的全选和全不选效果在代码中非常的常用,尤其在批量处理的需求中更是如此,下面就通过一个代码实例简单介绍一下如何实现此效果,希望能够对需要的朋友有所帮助,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

html+css+js实现复选框全选与反选

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>html+css+js实现复选框全选与反选</title> 5 <meta http-equiv="content-type&qu

javascript实现复选框全选和取消代码分析

javascript实现复选框全选和取消代码分析:复选框是常用的元素之一,而点击实现全选和取消全选又是最为常用的功能,特别是在批量操作管理中,非常的方便,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.soft

jQuery如何实现复选框全选和全不选

jQuery如何实现复选框全选和全不选: 在网页中经常有复选框的全选和全不选效果,比如在后台新闻管理.用户空间信息管理等都有用到,下面就提供一个jQuery实现的此效果.代码实例如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&quo

js 判断 复选框全选、全不选、反选、必选一个

一个挺 使用的 js 代码片段,  判断  复选框全选.全不选.反选.必选一个 记录下, 搬来的 思路: 修改数据的 选中与否状态, 拿到所有的输入框,看是否有选中的状态 <html> <head> <title> 复选框全选.全不选.反选.必选一个 </title> <meta http-equiv="content-type" content="text/html;charset=GBK"/> <

jQuery复选框全选全不选代码

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="author" content="http://www.51texiao.cn/" /><title>jQuery复选框全选全不选代码<

checkbox全选/全不选,子复选框全选父复选框选中

<input type="checkbox" class="optionListAll">/* 父复选框 */ <input type="checkbox" name="optionList"> <input type="checkbox" name="optionList"> <input type="checkbox" n