jQuery td onclick设置一个复选框，没有冒泡

我希望能够点击表格中的td元素，并选中或取消选中同一行中兄弟td中的复选框。

• 单击该复选框仍应正常工作。
• 单击复选框所在的td元素也应选中复选框。
• 由于切换实施不当，单击不同的td不需要双击（重置点击）

小提琴： http ： //jsfiddle.net/cJ2us/

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

包装输入无线电上的Jquery事件覆盖’已检查’事件不是复选框

jQuery onclick div检查复选框切换不允许单击单独的td来执行每个检查并取消选中

在兄弟姐妹

中找到复选框并使用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; } }); 

在这里演示

Answer 2

http://jsfiddle.net/U3636/

对不起，伙计们，感谢您的帮助，但我想出了适合我的需求。

Answer 3

使用标签。

 LABEL 

---

这是一个js解决方案： http ： //jsfiddle.net/maniator/eWh5F/

 $("td").click(function(e) { var checkbox = $(':checkbox', $(this).parent()).get(0); var checked = checkbox.checked; if (checked == false) checkbox.checked = true; else checkbox.checked = false; }); 

Answer 4

 $("td").click(function(e) { var $checkbox = $("input[type='checkbox']"); $checkbox.attr('checked', !$checkbox.attr('checked')); }); 

http://jsfiddle.net/cJ2us/12/