javascript - 通过单击周围的 td 来单击复选框

Question

我有一个表，其中一列有一个复选框。我希望用户能够通过单击复选框或周围的 td 来选中(或取消选中)复选框。为了使事情(可能)更复杂一点，复选框上设置了一个 onchange 事件(为了清楚起见，我在这里放了 doSomething() )。

这是我当前的 html:如您所见，我正在使用 jQuery。

<tr>
  <td onclick="jQuery(this).children('input').click();">
    <input id="dvdorders-77_packed" name="dvd_orders[77][packed]" onchange="doSomething()" type="checkbox" value="1">
  </td>
</tr>

我认为这工作正常但后来注意到当我点击实际的复选框时，这算作点击复选框和点击 td，有效地点击复选框两次然后设置它并再次取消设置立即(并触发 doSomething() 两次)。

一定有更好的方法来做到这一点 - 有人吗？谢谢，最大

Answer 1

你想停止传播:

$("#dvdorders-77_packed").click(function(e){
  // do your stuff
  e.stopPropogation();
});

如果需要，这也可以在线完成(尽管不理想)。为了清楚起见，我把它分开了。