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

Question

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

此处示例： http://jsbin.com/uyecaq/4/edit

谢谢！

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

Answer 1

尝试添加：

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

Answer 2

你可以试试这个..

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

这个将绑定一个复选框，覆盖默认操作。由于事件传播，会发生对div的单击。所以我们需要阻止它。

希望这会有所帮助.. :)

Answer 3

检查是否先点击了复选框

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