0

ここでは、2 つのクリック イベントがあります。

$(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>

ご覧のとおり、あるオブジェクトが別のオブジェクトの中にあります。私がしたいのは、チェックボックスがクリックされたとき、またはコンテナー自体がクリックされたときに、相互に排他的な (どちらか一方 - 両方ではなく) イベントを発生させることです。

現在、チェックボックスを次々にクリックすると、両方のイベントが発生します。チェックボックスイベントのみを発生させたい。

どうすればいいですか？

4

1 に答える 1