隐藏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。我希望这就是你要找的东西。