隱藏DIV，如果最後一個未選中複選框 - jquery

Question

目前，當複選框被選中時，div會顯示。雖然，我該怎麼做，所以當我取消選中該div（如果它是最後一個未檢查的DIV），DIV會隱藏？

目前，我只有代碼，以顯示DIV：

$('input[type="checkbox"]').click(function() { 
    $("#userInfo").show(this.checked); 

}); 

Answer 1

$('input[type="checkbox"]').click(function(){ 
    if('input[type="checkbox"]').not(':checked').length == $('input[type="checkbox"]').length) 
    ///code for hiding the div 
}); 

這可以幫助， 我搜索了所有未覈對，如果數未覈對等於數複選框，然後檢查所有複選框。

Answer 2

試試這個

Wroking demo

$('input:checkbox').click(function() { 
    $("#userInfo") 
    .toggle(($('input:checkbox:checked').length == $('input:checkbox').length)); 
}); 

這個代碼將只顯示，如果所有的複選框被選中的div。我希望那是你正在尋找的。