如何防止默认复选框事件覆盖我的 jQuery 检查/取消选中功能？

我在表格内有一个复选框列表，其中包含一个简单的 jQuery 函数，该函数允许用户单击表格行中的任意位置来选中/取消选中复选框。它工作得很好，除非用户实际单击该复选框。那就不行了。有任何想法吗？这是我的代码：

HTML:

<tr onClick="checkBox()">...</tr>

jQuery:

function checkBox() {

var ischecked = $('input#myContacts').attr("checked");

if(ischecked)
{
    $('input#myContacts').attr("checked", false);
}
else
{
    $('input#myContacts').attr("checked", true);
}

return false;
}

您可以使用event.stopPropagation以避免你的input#myContacts的点击事件传播到tr的点击事件。另外，我不敢相信当您应该使用 jQuery 事件时，您却以这种方式混合了 jQuery 和 DOM。

$(document).ready(function(){
  $("input#myContacts").click(function(e){
    e.stopPropagation();
  });
});