为了提高用户体验度,往往需要用户一点击行,则前面的CheckBox被选中。如下:

点击table的某一行则前面的CheckBox被选中

1.首先设置table的id为“Qub_tb_List”

2.利用JavaScript实现

<script type="text/javascript">
//点击行勾选
$("#Qub_tb_List").on("click", "tr", function () {
var input = $(this).find("input");
//alert($(input).prop("checked"));
if (!$(input).prop("checked")) {
$(input).prop("checked",true);
}else{
$(input).prop("checked",false);
}
});
//多选框 防止事件冒泡
$("#Qub_tb_List").on("click", "input", function (event) {
event.stopImmediatePropagation();
});
</script>

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-09
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-06
相关资源
相似解决方案