互斥的jquery点击事件[重复]

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