javascript - Jquery 在复选框上显示 div

Question

您好，我想在选中复选框时显示一个 div。问题是我有多个选择，我想显示表单直到没有被选中。我的代码无法正常工作，因为当我取消选中一个复选框时，我的 div 会消失，并且只有在未选中任何复选框时它才会消失。

这是我的代码

$('.checkbox').click(function() {
    if( $(this).is(':checked')) {
        $("#formular").show();
    } else {
        $("#formular").hide();
    }
}); 

还有jsfiddle http://jsfiddle.net/bYuak/

Answer 1

尝试

var $checks = $('.checkbox').click(function () {
    $("#formular").toggle($checks.filter(':checked').length>0);
});

演示:Fiddle