本文介绍了一种使用jQuery实现表格中通过点击行来切换该行内多选框状态的方法，并附带了防止事件冒泡的代码实现。
//点击行勾选
$("#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();
});
$("#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();
});
扫一扫
1294
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
