绑定单击以div切换复选框

Question

我正在尝试将click事件绑定到div以切换其中的复选框。我试过这个：

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

问题是它只能工作一次，检查和取消选中，然后什么也没有。有什么想法吗？

谢谢！

Answer 1

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

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

或

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

阅读Prop vs Attr