在可点击的div上添加一个复选框

Question

如何添加一个可点击元素顶部的复选框，它不会将click事件发送到clickable元素？ （为了概括问题 - 在上面添加一个可点击的元素的不可点击的元素）

这里举例： http://jsbin.com/uyecaq/4/edit

谢谢！

要澄清 - 单击复选框时，它所在的div应该不会收到点击事件。

Answer 1

你可以试试这个..

$('.checkboxpart').click(function(event){ 
event.stopPropagation(); 
}); 

这人会绑定一个点击复选框，覆盖默认操作。点击div发生是由于事件传播。所以我们需要停止。

希望这有助于.. :)

Answer 2

尝试增加：

$('.checkboxpart').click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 3

检查是否复选框被首先点击

$(".clickme").click(function(e) { 
    if($('#checkboxid').is(':checked')) { 
     e.preventDefault() 
    } 
});