Gridview对所有选择使用CheckBox 对单个选择使用js 同时突出显示选定的行

再一次，通过使用CheckBox单个选择和Insus.NET的所有选择功能来演示Gridview，并突出显示所选的行，这样用户就可以一目了然地看到哪些行已被选中。在这个例子中，使用了前端脚本Javascript。先来看看因苏的效果。NET: 。

因苏。网原本是从数据库获取数据并绑定至显示数据表格（一种控件)控件的，为了在学ASP。网的网友，也能轻易操作，因此这个想法，采用对象存储数据。首先创建一个对象，[对联]的对象：对联复制代码代码如下：使用系统；使用系统。集合。通用；使用系统Linq .使用系统Web///summary///对联的摘要描述///摘要命名空间因苏。NET {公共类对联{私有int _ ID私有字符串_类型；私有字符串_内容；公共int ID { get { return _ ID}设置{ _ID=值；} }公共字符串类型{ get { return _ Type}设置{ _类型=值；} }公共字符串内容{ get { return _ Content}设置{ _内容=值；} }公共楹联(){ ////TODO:在此添加构造函数逻辑//}公共楹联(int id，字符串类型，字符串内容){这个._ ID=id这个_类型=类型；这个。_内容=内容；} } } 对象准备好，它是的空的对象，所以还得为刚才创建好的对象，填充数据，让它成为真正的实体。复制代码代码如下：公共listcourts GetData(){ listcourts对联=new list courts()；对联c=新对联(1,'四字联', '一元复始；万象更新。');对联。添加(c );c=新对联(2 '四字联', '风调雨顺；国盛人和。');对联。添加(c );c=新对联(3 '四字联', '风调雨顺；国盛人和。');对联。添加(c );c=新对联(4 ')五字联', '金蛇含瑞草；紫燕报新春。');对联。添加(c );c=新对联(5,)五字联', '龙年留胜绩；蛇岁展宏猷。');对联。添加(c );c=新对联(6,)七字联', '壬辰传捷龙辞旧；癸巳报春蛇迎新。');对联。添加(c );c=新对联(7,)七字联', '山高水远人增志；蛇接龙年地满春。');对联。添加(c );c=新对联(8 ')七字联', '小龙起舞神州地；祖国腾飞大治年。');对联。添加(c );c=新对联(9 ')七字联', '金山水漫双蛇舞；绿野春归百鸟鸣。');对联。添加(c );还对联；} 在Default.aspx网页上拉一个显示数据表格（一种控件)控件。复制代码代码如下： asp: GridView ID=' GridView couplets ' runat=' server ' autogenerateColumns=' false ' Columns asp: template field header template asp: checkbox ID=' checkbox 1 ' runat=' server ' ToolTip='全选onclick=“全选(this)；”//标题模板项目模板ASP :复选框ID='复选框2 ' runat='服务器' onclick='选中单个(此)；'//项目模板/asp:模板字段asp:模板字段标题模板身份证/标题模板项目样式水平对齐='右'/项目模板%#评估(“标识”)%/项目模板/asp:模板字段asp:模板字段标题模板类型/标题模板项目模板%#评估('类型')%/项目模板/asp:模板字段asp:模板字段标题模板内容/标题接下来，还得通过Default.aspx.cs页面为显示数据表格（一种控件)绑定数据。复制代码代码如下：使用系统；使用系统。集合。通用；使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件；使用因苏。NET公共部分类_默认：系统网络。用户界面。第{页受保护的无效页面_加载(对象发送者，事件参数e) { if(！IsPostBack)Data _ Binding()；}私有void Data_Binding() { this .GridView对联。数据源=GetData()；这个GridView对联。DataBind()；} } 在上面的超文本标记语言代码中，可以看有两个CheckBhox，一个是放在显示数据表格（一种控件)的标题模板模版上为了全选，另一个是放在ItemTemplate模版上为了单选

每一个检验盒都有一个点击事件，可参考如下爪哇岛描述语言代码：复制代码代码如下：脚本类型='text/javascript '函数选定全部(CB){ CB。选中=CB。检查过了吗？假：真；var gv=文档。getelementbyid(' %=GridView)对.客户端id“% s”)；var RC=gv。行。长度；for(var I=1；一、驻地协调员；i ) { var input=gv.rows[i].单元格[0]。getElementsByTagName(' input ')；如果(输入[0]。type=='checkbox '输入[0]。选中){输入[0]。选中=假；gv。行[I]。风格。background COlOr=} else { input[0].选中=真；gv。行[I]。风格。background COlOr=' # 66 ff33；} } }功能选择单(CB){ var row=CB。父节点。父节点；if(CB。选中){ row。风格。background COlOr=' # 66 ff 33；} else { row。风格。background COlOr=} }/脚本