Masquer DIV, si LAST non coché checkbox - jquery

Question

Actuellement, lorsqu'une case est cochée, une div s'affichera. Bien, comment puis-je faire, donc quand je décoche ce div (SI C'EST LE DERNIER DIV NON COLLÉ), le DIV va se cacher?

Actuellement, je ne dispose que le code pour montrer la 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 
}); 

cela peut aider, j'ai cherché tout décochée si le nombre de décochée est égal au nombre de cases à cocher puis toutes les cases sont cochées.

Answer 2

Essayez cette

Wroking demo

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

Ce code affiche le div que si toutes les cases sont cochées. J'espère que c'est ce que vous cherchez.