GridView 用 checkbox 全选并取值
- <script type="text/javascript">
- //<![CDATA[
- function CheckAll(oCheckbox)
- {
- var GridView1 = document.getElementById("<%=GridView1.ClientID %>");
- for(i = ;i < GridView1.rows.length-; i++)
- {
- GridView1.rows[i].cells[].getElementsByTagName("INPUT")[].checked = oCheckbox.checked;
- }
- }
- //]]>
- </script>
- <asp:GridView ID="GridView1" runat="server" Font-Size="12px" BackColor="#FFFFFF"
- GridLines="Both" CellPadding="" DataKeyNames="id" AutoGenerateColumns="false" OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowDataBound="GridView1_RowDataBound" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging1">
- <HeaderStyle BackColor="#EDEDED" Height="26px" />
- <Columns>
- <asp:TemplateField>
- <HeaderTemplate>
- <input id="Checkbox2" type="checkbox" onclick="CheckAll(this)" runat="server" /><label>全选</label>
- </HeaderTemplate>
- <ItemTemplate>
- <asp:CheckBox ID="ItemCheckBox" runat="server" />
- </ItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="序号">
- <ItemTemplate>
- <%#Container.DataItemIndex + %>
- </ItemTemplate>
- </asp:TemplateField>
- <asp:BoundField DataField="id" HeaderText="编号" ReadOnly="True" />
- <asp:BoundField DataField="name" HeaderText="姓名" ReadOnly="True" />
- <asp:TemplateField HeaderText="身份证号">
- <ItemTemplate>
- <%#Eval("card") %>
- </ItemTemplate>
- <EditItemTemplate>
- <asp:TextBox ID="TBCard" Text='<%#Eval("card") %>' runat="server"></asp:TextBox>
- <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="Dynamic" ControlToValidate="TBCard" runat="server" ErrorMessage="请填写身份证号"></asp:RequiredFieldValidator>
- </EditItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="学历">
- <ItemTemplate>
- <%#Eval("xueliText")%>
- </ItemTemplate>
- <EditItemTemplate>
- <asp:HiddenField ID="HDFXueli" runat="server" Value='<%#Eval("xueli") %>' />
- <asp:DropDownList ID="DDLXueli" runat="server">
- </asp:DropDownList>
- </EditItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="价格">
- <ItemTemplate>
- <%#Eval("price")%>
- </ItemTemplate>
- <EditItemTemplate>
- <asp:TextBox ID="TBPrice" Text='<%#Eval("price") %>' runat="server"></asp:TextBox>
- </EditItemTemplate>
- </asp:TemplateField>
- <asp:BoundField HeaderText="建立时间" DataField="createdate" ReadOnly="True" />
- <asp:CommandField ShowEditButton="True" HeaderText="修改" />
- <asp:TemplateField HeaderText="删除">
- <ItemTemplate>
- <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Delete"
- Text="删除" OnClientClick="return confirm('您确认删除该记录吗?');"></asp:LinkButton>
- </ItemTemplate>
- </asp:TemplateField>
- </Columns>
- </asp:GridView>
在 .CS 中取值:
- protected void Button1_Click(object sender, EventArgs e)
- {
- this.Label1.Text = "";
- foreach (GridViewRow gvr in GridView1.Rows)
- {
- CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");
- if (ch.Checked)
- {
- this.Label1.Text += "<li>GridView1 您选择的是(键值):" + GridView1.DataKeys[gvr.RowIndex].Value.ToString();
- }
- }
- }
方法二:
- <asp:GridView ID="GridView1" runat="server" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowDataBound="GridView1_RowDataBound" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" AutoGenerateColumns="False" DataKeyNames="id,name" DataMember="card,price">
- <Columns>
- <asp:TemplateField>
- <HeaderTemplate>
- <asp:CheckBox ID="CheckBox1" runat="server" Text="全选" AutoPostBack="true" OnCheckedChanged="CheckAll" />
- </HeaderTemplate>
- <ItemTemplate>
- <asp:CheckBox ID="ItemCheckBox" runat="server" />
- </ItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="序号">
- <ItemTemplate>
- <%#Container.DataItemIndex + %>
- </ItemTemplate>
- </asp:TemplateField>
- <asp:BoundField DataField="id" HeaderText="编号" ReadOnly="True" />
- <asp:BoundField DataField="name" HeaderText="姓名" ReadOnly="True" />
- <asp:TemplateField HeaderText="身份证号">
- <ItemTemplate>
- <%#Eval("card") %>
- </ItemTemplate>
- <EditItemTemplate>
- <asp:TextBox ID="TBCard" Text='<%#Eval("card") %>' runat="server"></asp:TextBox>
- <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="Dynamic" ControlToValidate="TBCard" runat="server" ErrorMessage="请填写身份证号"></asp:RequiredFieldValidator>
- </EditItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="学历">
- <ItemTemplate>
- <%#Eval("xueliText")%>
- </ItemTemplate>
- <EditItemTemplate>
- <asp:HiddenField ID="HDFXueli" runat="server" Value='<%#Eval("xueli") %>' />
- <asp:DropDownList ID="DDLXueli" runat="server">
- </asp:DropDownList>
- </EditItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="价格">
- <ItemTemplate>
- <%#Eval("price")%>
- </ItemTemplate>
- <EditItemTemplate>
- <asp:TextBox ID="TBPrice" Text='<%#Eval("price") %>' runat="server"></asp:TextBox>
- </EditItemTemplate>
- </asp:TemplateField>
- <asp:BoundField HeaderText="建立时间" DataField="createdate" ReadOnly="True" />
- <asp:CommandField ShowEditButton="True" HeaderText="修改" />
- <asp:TemplateField HeaderText="删除">
- <ItemTemplate>
- <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Delete"
- Text="删除" OnClientClick="return confirm('您确认删除该记录吗?');"></asp:LinkButton>
- </ItemTemplate>
- </asp:TemplateField>
- </Columns> </asp:GridView>
在 cs中:
- protected void CheckAll(object sender, EventArgs e)
- {
- CheckBox cbx = (CheckBox)sender;
- foreach (GridViewRow gvr in GridView1.Rows)
- {
- CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");
- ch.Checked = cbx.Checked;
- }
- }
- protected void Button1_Click(object sender, EventArgs e)
- {
- this.Label1.Text = "";
- foreach (GridViewRow gvr in GridView1.Rows)
- {
- CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");
- if (ch.Checked)
- {
- this.Label1.Text += "<li>GridView1 您选择的是(键值):" + GridView1.DataKeys[gvr.RowIndex].Value.ToString();
- }
- }
- }
GridView 用 checkbox 全选并取值的更多相关文章
- js搜索相同类型的控件全选、取值(Checkbox)
function selectAll(obj) { if (obj.checked) { $("input[type='checkbox']").each(function () ...
- 练习-checkbox 全选 ,反选, 单选,以及取值
1.方法1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w ...
- GridView CheckBox 全选
GridView CheckBox 全选 <script type="text/javascript"> $(function () { $("#allChe ...
- jquery数组之存放checkbox全选值示例代码
使用jquery数组可以存放checkbox全选值,下面有个不错的示例,感兴趣的朋友可以参考下. 复制代码代码如下: <input type="checkbox" id=&q ...
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次
jquery checkbox全选,全不选,反选方法, jquery checkbox全选只能操作一次, jquery checkbox全选只有第一次成功 >>>>>&g ...
- jquery中checkbox全选失效的解决方法
这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下 如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将 ...
- TreeView checkbox 全选
在使用TreeView 控件 ,进行权限管理的时候,需要使用 checkbox全选. 勾选父节点,子节点全部选中.取消父节点,子节点不选中. 勾选子节点,父节点也选中. 以下是在使用的例子: < ...
- JS checkbox 全选 全不选
/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value= ...
随机推荐
- Ecshop商品详情页显示当前会员等级价格
会员登录状态下,在ECSHOP商品详情页的本店售价中显示当前登录会员对应的等级价格,在未登录状态下,则还默认显示原来的本店售价. 解决方法: 这个需要修改ECSHOP程序代码来实现. 打开文件 /in ...
- 删除.gitignore中的在version control中的文件
如果有一个文件例如xyz在版本控制系统中,然后你发现这个文件不应该提交到git上,所以加了.gitignore文件并将其加入其中,但是git不会自动讲其从版本库中移除它.如果你只有一个文件,你可以使用 ...
- eclipse 代码提示时闪退问题
解决办法:在eclipse.ini里面最下面加上这句话 -Dorg.eclipse.swt.browser.DefaultType=mozilla
- css3整理--clip
clip语法: .selector { clip: rect | auto | inherit } 注意:clip属性只能在元素设置了“position:absolute”或者“position:fi ...
- Swift 集合类型
Swift语言提供数组和字典的集合类型 Swift 语言里的数组和字典中存储的数据值类型必须明确 ,即数组中只能存放同类型的数据. 1: 数组 数组的创建 var shoppingList: St ...
- Oracle数据库入门——物化视图日志结构
物化视图的快速刷新要求基本必须建立物化视图日志,这篇文章简单描述一下物化视图日志中各个字段的含义和用途. 物化视图日志的名称为MLOG$_后面跟基表的名称,如果表名的长度超过20位,则只取前20位,当 ...
- 使用UIKit制作卡牌游戏(三)ios游戏篇
译者: Lao Jiang | 原文作者: Matthijs Hollemans写于2012/07/13 转自朋友Tommy 的翻译,自己只翻译了这第三篇教程. 原文地址: http://www.ra ...
- Razor 在WebApp 框架的运用
前面有两章介绍了WebApp框架<WebApp MVC,“不一样”的轻量级互联网应用程序开发框架>和<WebApp MVC 框架的开发细节归纳>,其中视图引擎是用的Nveloc ...
- H5+CSS3实现手指滑动切换图片
包含3个文件:html.slider-H5.js.jquery.js(自行下载).在html中可配置滑动参数.具体代码如下: HTML代码: <!DOCTYPE HTML> <htm ...
- SQL SERVER UNION和UNION ALL
union与union allunion 缺省在合并结果集后消除重复项,union all 指定在合并结果集后保留重复项, 打个比喻吧 比如A表的数据是 A{ 1,4,5,9} B{2,3 ...