綁定點擊到div切換複選框

Question

我想綁定一個單擊事件到一個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