javascript - 使用复选框 onClick 覆盖父级 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
    }
});