javascript - 用复选框 onClick 覆盖 parent 的 onClick 事件？

Question

首先，抱歉我的英语不好。

我正在制作一个优惠券网站，但在选择和取消选择优惠券时遇到了问题。每张优惠券都在一个 DIV“框”中，其中有一个复选框。

我在 DIV 框上创建了一个 onClick 函数(因此用户可以通过单击 DIV 框内的任何内容来选择优惠券。我现在需要的是，当用户想要取消选择优惠券时(通过单击内部的复选框DIV 框)，我需要“覆盖”DIV 的 onClick 函数(执行复选框 onClick 事件，而不是 DIV 的 onClick 事件)。

我知道每个人都喜欢一些代码作为示例，但问题/问题很简单，我认为您不需要在事件/函数中使用我所有无用的代码:)

谢谢 :)

Answer 1

如果未选中复选框，您似乎需要 stopPropagation:http://jsfiddle.net/8Dcq8/ .

$("div").click(function() {
    alert("add"); // clicking anywhere in div to add coupon
});

$(":checkbox").click(function(e) {
    if(!this.checked) { // if unchecking, remove coupon
        alert("remove");
        e.stopPropagation(); // don't run parent onclick
    }
});