点击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>