Question

这里我有两个点击事件：

$(document).ready(function() {

    //MESSAGES CHECKBOX
    $(document).on("click",".messages_checkbox",function () {
        alert("clicked box");
    });

    //MESSAGES ROW
    $(document).on("click",".messages_row",function () {
        alert("clicked");
    });

});

这是html：

<tr class="messages_row">";
<td><input type="checkbox" class="messages_checkbox" value="1"></td>
</tr>

如您所见，一个物体在另一个物体内。我想要做的是在点击复选框或点击容器本身时触发互斥（一个或另一个 - 从不两者）事件。

现在，如果我一个接一个地点击复选框，两个事件都会触发。我只希望触发复选框事件。

我该怎么做？

Answer 1

$(document).on("click",".messages_checkbox",function () {
    alert("clicked box");

    // Stops the bubbling
    return false;
});

//MESSAGES ROW
$(document).on("click",".messages_row",function () {
    alert("clicked");

    // Stops the bubbling        
    return false;
});

请务必阅读this answer

互斥的jquery点击事件

1 个答案: