主複選框不改變使用jQuery的切換時的可視狀態

Question

我使用jQuery檢查/取消選中一個div中的所有複選框，它工作正常，但主複選框似乎並沒有得到點擊（即我不能看到複選標記開關），我該如何解決這個問題？

這是我到目前爲止的代碼：

jQuery(function() { 
jQuery('#select_all').toggle(
    function() { 
     jQuery('#elementos .c_e').prop('checked', true); 
    }, 
    function() { 
     jQuery('#elementos .c_e').prop('checked', false); 

    } 
);}); 

感謝。

這裏有一個現場版：http://jsfiddle.net/L8DVu/

Answer 1

你，你正在爲複雜的，你可以用一條語句做到這一點，

Live Demo

jQuery('#select_all').click(function() { 

    jQuery('#elementos .c_e').prop('checked', this.checked); 

});​