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

ttx9n

Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了,在项目中很实用的，开发中的朋友们可要考虑一下哦 Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了。本例中，使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果：
每一个CheckBox都有一个OnClick事件，可参考如下Javascript代码：
复制代码 代码如下:
<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.cells[0].getElementsByTagName("input");
if (input[0].type == "checkbox" && input[0].checked) {
input[0].checked = false;
gv.rows.style.backgroundColor = "";
}
else {
input[0].checked = true;
gv.rows.style.backgroundColor = "#66ff33;";
}
}
}
function SelectedSingle(cb) {
var row = cb.parentNode.parentNode;
if (cb.checked) {
row.style.backgroundColor = "#66ff33;";
}
else {
row.style.backgroundColor = "";
}
}
</script>

shw5ovr

快更新啊，我擦

Alisaliu

了乐趣了去了去了去了去了

feiyasqhr

啊，数码撒飒飒飒飒

70r45_zs

源码源码源码源码源码源码源码源码源码源码源码源码源码

JosephSA

笑纳了老板

fwn2rd

dfdsafdsfdsfdsf

wqpa63gz

8888888888888888

雪龙Ui79

iiguuubhuiuihu

r8st9

我要金豆金豆金豆