Скрыть 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 демо

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

Этот код будет показывать div, только если установлены все флажки. Я надеюсь, что это то, что вы ищете.