诺禾-运用js获取checkbox控件

运用js获取checkbox控件在GridView中的第几行
这次的学问点是如何运用js获取checkbox控件所在的是第几行!!!

我们能够运用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开端)

这两个一定要记好:

var row_num = GV.rows[i].cells[0].children(0).parentNode.parentNode.rowIndex;

var col_num = target.parentNode.cellIndex;

获取 parentNode (也就是 td),td.cellIndex 就是所在列的键值

获取 parentNode.parentNode (也就是 tr),tr.rowIndex 就是所在行的键值

在开发过程中,GridView绑定数据时需求在第一列绑定checkbox控件用来执行多选等复杂操作,然后能够在前台页面经过手动点击checkbox来使其checked属性变成true也就是选中状态,在后台循环时能够轻松获取到checkbox的checked值,但是由于一些业务需求可能不需求运用手动去点击,而是经过编写出js办法,若契合办法结果的则循环修正checkbox的checked属性变成true也就是选中状态,这时会发往常后台是获取不到checkbox的checked值。

在我遇到这个问题时也让我干扰了良久,明明在前台经过js办法曾经将某些checkbox控件的checked值设置为true了,为什么在后台就是获取不到呢?

好了,我来说一下最后我是怎样处置的:

首先这个问题是在前台js中能够获取到checkbox的checked的值,但是在后台循环时获取不到。

先设置一个躲藏控件:

在前台先经过循环判别被选中的checkbox

if (GV.rows[i].cells[0].children(0).checked) {
var row_num = GV.rows[i].cells[0].children(0).parentNode.parentNode.rowIndex;
document.getElementById(“row_num”).value = row_num;
}

然后经过 var row_num = GV.rows[i].cells[0].children(0).parentNode.parentNode.rowIndex;来获取到在GridView中第几行的CheckBoex的行数,然后赋值到一个躲藏控件上去,这样在后台就能够获取到这个躲藏控件上面的值了,然后经过在Rows[]里面将获得的数减1就是在前台被选中的checkbox的行数,最后将它设置为True就OK了。

if (this.row_num.Value != “”) {
int j = Convert.ToInt32(this.row_num.Value);
(this.GridView1.Rows[j - 1].Cells[0].FindControl(“CKB_data”) as CheckBox).Checked = true;
this.row_num.Value = “”;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值