隐藏 DIV，如果最后未选中复选框 - jquery答案

【问题标题】：Hide DIV, if LAST unchecked checkbox - jquery隐藏 DIV，如果最后未选中复选框 - jquery
【发布时间】：2011-09-09 15:20:14
【问题描述】：

目前，当一个复选框被选中时，会显示一个 div。虽然，我该怎么做，所以当我取消选中那个 div（如果它是最后一个未选中的 DIV）时，这个 DIV 会隐藏？

目前，我只有显示 div 的代码：

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

});

【问题讨论】：

标签： jquery forms checkbox

【解决方案1】：

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

这可以帮助，如果未选中的数量等于复选框的数量，那么我已经搜索了所有未选中的复选框。

【讨论】：

【解决方案2】：

试试这个

工作 demo

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

此代码将仅在选中所有复选框时显示div。我希望这就是您正在寻找的。p>

【讨论】：