表行onClick重写复选框

时间:2011-06-01 19:21:00

标签: javascript jquery html checkbox dhtml

我遇到一些问题,表格中的复选框被其所放置的表格行的onClick属性“覆盖”。

我有一个带有复选框的列作为表格的最左边一列,我还为每个表格行定义了一个onClick函数。因此,当我单击任何复选框时,表行的onClick函数会触发(尽管仍然可以正确单击该复选框)。

有什么方法可以解决这个问题吗?例如,让表行的onClick仅注册其他列吗? (遗憾的是,我不清楚这种方法的实现是如何工作的,但这是我能想到的第一个解决方案。)

提前致谢!

3 个答案:

答案 0 :(得分:5)

看看event.stopPropagation()

event.stopPropagation

您需要在复选框点击处理程序中调用此方法。

答案 1 :(得分:1)

$('.columnClass').click(function(e){
     if(this == e.target){
      //do things
 }

})

这只会在点击处理程序实际上是单击的列时执行,而不是复选框。

答案 2 :(得分:0)

一些代码会有所帮助。复选框和按钮上的名称可能是复制/粘贴错误。提供更多建议的代码。