标记上的事件<tr>(平视除外<td>)

Question

我对事件处理有问题。

下面是示例：

<table>
    <tr>
        <td><input type='checkbox' id='xxx'/><td>
        <td>a1</td>
        <td>b1</td>
    </tr>
    <tr>
        <td><input type='checkbox' id='xxx'/><td>
        <td>a2</td>
        <td>b2</td>
    </tr>
    <tr>
        <td><input type='checkbox' id='xxx'/><td>
        <td>a3</td>
        <td>b3</td>
    </tr>
    ....
</table>

我在标签上绑定tr点击事件，然后即使选中checkbox，它也调用点击事件。

除了这个，我还能做什么？

在

标签上绑定事件是不好的。 因为，TD标签的数量不受限制。

感谢您的帮助。

Answer 1

尝试

$('table').on('click', 'tr', function(){
    //your code
})
$('table').on('click', 'input:checkbox', function(e){
    e.stopPropagation();
})

演示：小提琴

Answer 2

在修复混乱的标签后，我通常做的是：

$("tr").click(function(e) {
    if(!$(e.target).is("input[type='checkbox']")) {
        alert("No checkbox");
    }
});

Answer 3

将类添加到复选框

<td><input type='checkbox' class="cb" id='xxx'/></td>

并使用 e.target 确定是否单击了复选框

$('tr').on('click',function(e){
var target=$(e.target);
if (target.hasClass('cb')){
     return false;
   }
});