通过单击其父级而不是自身来选中复选框

Question

我有李的复选框.我已经做到了所以点击li会切换复选框,但是我遇到的麻烦是单击复选框本身将启动切换和切换.

码:

$('li').click(function(){
    $('input[type="checkbox"]',this).each(function () { this.checked = !this.checked; });
})

我希望复选框仍然像往常一样运行.我能做什么？

Answer 1

停止事件的传播.为复选框添加单击事件,这将停止事件冒泡.

$('input[type="checkbox"]').on('click', function(e) {
    e.stopPropagation();
});