首页 > 其他 > 详细

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

时间:2017-02-04 18:30:23      阅读:190      评论:0      收藏:0      [点我收藏+]

为了提高用户体验度,往往需要用户一点击行,则前面的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>

 

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

原文:http://www.cnblogs.com/xinbaba/p/6365815.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!