Js和JQuery实现只要双击哪一行那一行的多选框可以被选中

实现这个功能,可以通过以下步骤来完成:

  1. 给表格中每一行添加一个双击事件监听器;
  2. 在事件处理函数中获取当前行的多选框元素,并设置其选中状态为true。

this 在这里代表的是原生 JavaScript 元素对象。

在 JavaScript 中,当事件处理函数被调用时,事件处理函数内的 this 关键字会自动指向触发事件的元素。在本例中,我们给每个<tr>元素添加了 ondblclick 属性,并将mySelected(this)作为事件处理函数。这样,当用户双击某个行时,事件处理函数 mySelected() 被调用,并且this指向被双击的行元素。

定义了一个名为 mySelected() 的函数,接收一个参数 row。这个函数用于处理双击事件,并切换复选框的选中状态。

在你注释掉的代码中,你使用了原生 JavaScript 的方法 querySelector() 来查找具有 class="rid" 的元素。然后,你通过 checkbox.checked 来获取或设置复选框的选中状态,通过取反运算符 ! 来切换选中状态的值。

在修改后的代码中,你使用了 jQuery 来简化操作。通过 $(row) 将原生 JavaScript 元素对象转换为 jQuery 对象,然后使用 .find('.rid') 方法来查找具有 class="rid" 的元素。接着,你通过使用 .attr("checked") 方法来获取或设置复选框的选中状态,并通过取反运算符 ! 来切换选中状态的值。

需要注意的是,jQuery 中的 .attr() 方法用于获取或设置元素的属性值,而原生 JavaScript 中的 .checked 属性用于获取或设置复选框的选中状态。所以,在使用 jQuery 的方式时,我们需要使用 .attr() 方法来操作复选框的选中状态

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值