GridView中CheckBox的用法
以下是我在GridView中控制CheckBox的全选/取消全选,根据子CheckBox处理全选CheckBox状态的操作并获取所选GridView中所选行的列的值。
脚本代码:
<script language="javascript" type="text/javascript">
//全选/全取消GridView中的CheckBox
//参数gv: GridView的ID
//参数input2: 功能控件ID(全选CheckBox)
function CheckAll(gv,input2)
{
var objForm = document.getElementById(gv);
var objLen = objForm.rows.length;
for (var iCount = 0; iCount < objLen; iCount++)
{
objForm.rows[iCount].cells[0].getElementsByTagName("INPUT")[0].checked = input2.checked;
}
}
function CheckSelect(gv,input2)
{
if (input2.checked == true)
{
if(GetCheckBoxCount(gv) == GetCheckedBoxCount(gv))
{
form1.Checkbox3.checked = true;
}
}
else
{
form1.Checkbox3.checked = false;
}
}
function GetCheckBoxCount(gv)
{
var objForm = document.getElementById(gv);
var objLen = objForm.rows.length;
return (objLen-1);
}
function GetCheckedBoxCount(gv)
{
var count;
count = 0;
var objForm = document.getElementById(gv);
var objLen = objForm.rows.length;
for(var iCount = 0; iCount < objLen; iCount++)
{
if(objForm.rows[iCount].cells[0].getElementsByTagName("INPUT")[0].checked == true)
{
count ++;
}
}
return count;
}
</script>
页面代码:
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="LinqDataSource1" DataKeyNames="CarID">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server" Width="20px" onclick="CheckSelect('GridView1',this)"/>
</ItemTemplate>
<HeaderTemplate>
<input ID="Checkbox3" type="checkbox" style="width:20px" onclick="CheckAll('GridView1',this)"/>
</HeaderTemplate>
<ItemStyle Width="20px" />
</asp:TemplateField>
<asp:BoundField DataField="CarID" HeaderText="CarID" ReadOnly="True"
SortExpression="CarID" />
</Columns>
</asp:GridView>
<br />
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
<br />
<asp:LinqDataSource ID="LinqDataSource1" runat="server"
ContextTypeName="DBML.CarDataContext" Select="new (CarID, TeamID, DriverID)"
TableName="CarInfo">
</asp:LinqDataSource>
</div>
</form>
< /body>
cs文件代码:
protected void Button1_Click(object sender, EventArgs e)
{
int count = 0;
string items = "";
foreach (GridViewRow item in GridView1.Rows)
{
CheckBox cb = (CheckBox)item.FindControl("CheckBox2");
if (cb.Checked)
{
items = items + item.Cells[1].Text;//已选行的第2列的值
count++;
}
}
Response.Write(count.ToString() + items);
}
以上代码可能通用性还有待增强,也希望对大家有所帮助。谢谢!
GridView中CheckBox的用法的更多相关文章
- asp.net,根据gridview 中checkbox复选框选中的行对数据库进行操作
在asp.net中,使用checkbox,对gridview添加复选框. 多选数据行后,根据已选数据,对原数据进行多条语句查询. string sql = "Select * from 表 ...
- GridView中CheckBox单击事件(oncheckedchanged)
在GridView中加入 CheckBox控件,想通过单击选中出现如下图所示效果: 具体做法是: 前台GV部份省掉.只加关键的CheckBox部份. view plaincopy to clipboa ...
- GridView中CheckBox翻页记住选项
<asp:GridView ID="gvYwAssign" runat="server" AutoGenerateColumns="False& ...
- js gridview中checkbox的全选与全不选
1.html: <asp:GridView runat="server" ID="gvAddBySR" AutoGenerateColumns=" ...
- 模板列传值到子窗体中,子窗体中多选gridview中checkbox保存数据多项到数据库中
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...
- 实现CheckBox的三种选中状态(全选、半选、不选)在GridView中模拟树形的功能
度娘了很多帖子,只说三种状态要用图片替换来做,但没找到有用的例子,被逼自己写了一个 三方控件肯定是很多的,如jstree,可以直接用 由于公司的UDS限制,不能上传图片,只能文字说明了. 就是要在gr ...
- asp.net中gridview的checkbox使用总结
1.在gridview中的<column>中加入 <asp:TemplateField HeaderText="选择"> <ItemTemplate& ...
- GridView中实现CheckBox的全选
GridView中实现CheckBox的全选 用服务器端的方法: 在页面上放一个gridview控件,配置好数据源,编辑列, <asp:GridView ID="GridView1&q ...
- 使用js获取checkbox控件在GridView中的第几行
这次的知识点是如何使用js获取checkbox控件所在的是第几行!!! 我们可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始) 这两个 ...
随机推荐
- python学习之函数返回值
python中函数返回值的方式有2种: 1.return语句 说明:return语句执行完后,函数后续的代码将不会被执行 2.yield语句 说明:yield语句返回的是一个迭代器对象,可以通过nex ...
- 返回当前文档的文档的url
HTML DOM referrer 属性 HTML DOM Document 对象 定义和用法 referrer 属性可返回载入当前文档的文档的 URL. 语法 document.referrer 说 ...
- python 循环结构
for循环 list或tuple可以表示一个有序集合.如果我们想依次访问一个list中的每一个元素呢?比如 list: L = ['Adam', 'Lisa', 'Bart'] print L[0] ...
- MySQL获取Schema表名和字段信息
MySQL获取Schema表名和字段信息 获取表名 select TABLE_NAME,TABLE_TYPE,ENGINE,TABLE_ROWS,TABLE_COMMENT,CREATE_TIME,U ...
- win10实现移动热点共享WIFI
电脑有线上网有WIFI网卡,想共享WIFI给手机还在为下载猎豹WIFI.360WIFI.WIFI共享精灵?担心密码泄露?担心网络安全?现在一切都不用烦恼.windows10系统自带热点共享 工具/原料 ...
- 【转】Monkey测试3——Monkey测试结果分析
Monkey测试结果分析 一. 初步分析方法: Monkey测试出现错误后,一般的差错步骤为以下几步: 1. 找到是monkey里面的哪个地方出错 2. 查看Monkey里面出错前的一些事件动作,并手 ...
- 第一百九十三节,jQuery EasyUI,Draggable(拖动)组件
Draggable(拖动)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Draggable(拖动)组件的使用方法,这个组件不依赖于其 他组 ...
- 认识oracle的update更新
这两天给新同事安排了一个工作,即做一个update 的级联更新,在实际操作中发现了一个问题.就是对于Oracle的更新的语法,大部分人尤其是学过SqlServer的人在使用oracle的时候对于ora ...
- python静态网页爬虫之xpath(简单的博客更新提醒功能)
直接上代码: #!/usr/bin/env python3 #antuor:Alan #-*- coding: utf-8 -*- import requests from lxml import e ...
- 【BZOJ1941】[Sdoi2010]Hide and Seek KDtree
[BZOJ1941][Sdoi2010]Hide and Seek Description 小猪iPig在PKU刚上完了无聊的猪性代数课,天资聪慧的iPig被这门对他来说无比简单的课弄得非常寂寞,为了 ...