javascript - 从 div 的 .click() 中排除复选框

Question

我正在尝试使用 jquery 单击它来使 div 处于“事件”状态。但在 div 内部，有一个复选框。我希望每当我单击 div 内除复选框之外的任何位置时，div 都会变为事件状态。我已经这样做了，但是该复选框现在不响应单击事件(即，当我单击它时，它不会被选中/取消选中)。

http://jsfiddle.net/U7VmV/3/

 $(document).ready(function(){
    $('.c-video').click(function(){
        $('.c-video').removeClass('active');
        $(this).addClass('active');
    });
}).children().find('label').click(function(e){
    return false;
});

Answer 1

使用event.stoppropagation()

Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

}).find('label').click(function (e) {
    e.stopPropagation();
});

Fiddle Demo