【CheckBox全选】Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行-单选-高亮显示

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行】，下面是详细的讲解！

Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了。本例中，使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果：

Insus.NET原本是从数据库获取数据并绑定至GridView控件的，为了在学asp.net的网友，也能轻易操作，因此这个想法，采用对象存储数据。
首先创建一个对象，[对联]的对象:
Couplets.cs

对象准备好，它是的空的对象，所以还得为刚才创建好的对象，填充数据，让它成为真正的实体。

在Default.aspx网页上拉一个GridView控件。

接下来，还得通过Default.aspx.cs页面为GridView绑定数据。

在上面的html代码中，可以看有两个CheckBhox，一个是放在GridView的HeaderTemplate模版上为了全选，另一个是放在ItemTemplate模版上为了单选。

每一个CheckBox都有一个OnClick事件，可参考如下Javascript代码：

关于Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细