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

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

 

posted @ 2017-02-04 16:51  吃辣椒的小毛驴  阅读(635)  评论(0编辑  收藏  举报