Gridview使用CheckBox全选与单选
2013-01-20 15:09
351 查看
Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示,选中的行,使用高亮显示,让用户一目了然看到哪一行被选择了。本例中,使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果:
View Code
View Code
<script type="text/javascript"> function SelectedAll(cb) { cb.checked = cb.checked ? false : true; var gv = document.getElementById('<%=GridViewCouplets.ClientID %>'); var rc = gv.rows.length; for (var i = 1; i < rc; i++) { var input = gv.rows[i].cells[0].getElementsByTagName("input"); if (input[0].type == "checkbox" && input[0].checked) { input[0].checked = false; gv.rows[i].style.backgroundColor = ""; } else { input[0].checked = true; gv.rows[i].style.backgroundColor = "#66ff33;"; } } } function SelectedSingle(cb) { var row = cb.parentNode.parentNode; if (cb.checked) { row.style.backgroundColor = "#66ff33;"; } else { row.style.backgroundColor = ""; } } </script>
相关文章推荐
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- Gridview使用CheckBox全选与单选 Version 2
- GridView 与CheckBox 结合使用全选的问题
- Android RecycleView使用(CheckBox全选、反选、单选)
- GridView使用CheckBox实现全选
- RecyclerView使用,item实现全选,反选,单选,计算checkbox选中的个数
- JS在GridView中实现CheckBox全选和非全选 及Gridview批量删除使用技巧
- 用JS处理GridView中的(CheckBox)单选、全选
- Asp.net 中使用GridView控件实现Checkbox单选
- GridView中实现CheckBox的全选
- JS 实现GridView中CheckBox全选
- 脚本实现全选GridView中的CheckBox
- GridView内嵌checkbox的全选功能
- volley网络请求框架+CheckBox实现全选及单选
- GridView中实现CheckBox的全选
- 使用RecyclerView展示checkBox全选反选
- 永久的CheckBox(单选,全选/反选)!
- Asp.net 2.0 GridView增加一列checkBox,并全选
- table 里面的 checkbox 全选,取消,单选,选中一行后选中行高亮