绑定点击div以切换复选框

Question

我想绑定一个点击事件到一个div上，以切换它内部的复选框。我尝试了这个：

$(".extraOp").bind('click', function(){
        var chk = $(this).find('input');
        chk.attr('checked', !chk.attr('checked'))
    });

问题在于它只能工作一次，勾选和取消勾选后就不能再使用了。有什么想法吗？谢谢！

- arrd

Answer 1

使用.prop()替代.attr()

chk.prop('checked', !chk.prop('checked'))

或者

chk.prop('checked', function(i, checked){
    return !checked
})

阅读Prop vs Attr

- Arun P Johny