jQuery td onclick 设置复选框，不冒泡

Question

我希望能够单击表中的 td 元素，并让它选中或取消选中同一行上同级 td 中的复选框。

• 单击该复选框仍应 工作正常。
• 点击 td 复选框所在的元素 还应该选中该复选框。
• 不应点击不同的 td 需要双击(重置单击) 由于切换实现不当

fiddle : http://jsfiddle.net/cJ2us/

请注意，是的，这与许多问题非常相似，请不要链接任何重复项，除非您真正理解我遇到的问题以及那里给出的答案与我的问题不符。例如

Jquery event on wrapped input radio override 'checked' event 不是复选框

jQuery onclick div checks a checkbox 切换不允许单击单独的 td 来执行每个检查和取消选中

Find the Checkbox in Sibling <td> and check it using jQuery不适合这个例子，代码实际上并没有按照回答者的想法工作

话虽如此，如果您找到合适的骗子，请告诉我!我只是想要一个可行的解决方案。

Answer 1

这有效，是你想要的吗？

$("td").click(function(e) {
    var chk = $(this).closest("tr").find("input:checkbox").get(0);
    if(e.target != chk)
    {
        chk.checked = !chk.checked;
    }
});

demo here