jQuery Ajax - 如果选中多个复选框答案

【问题标题】：jQuery Ajax - if multiple Checkboxes are checkedjQuery Ajax - 如果选中多个复选框
【发布时间】：2014-03-01 06:16:29
【问题描述】：

我正在寻找一个在点击几个复选框时执行操作的脚本。我发现以下脚本仅适用于一个复选框：

<input type="checkbox" name="foo" value="bar" class="checkIt"/>Name <br/>

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
    $('.checkIt').bind('click', function() {
        if($(this).is(":checked")) {
          alert('Everything checked')
        } else {
            alert('I think you have missed some boxes!');
        }
    });
</script>

但现在我想要更多复选框，但我不知道如何管理它。所以当点击 10 个复选框时，就会发生一些事情！如果你能帮助我，那就太好了。我的其他问题是，如果所有框都被选中，我想要而不是 js 警报，在特定位置显示图像。这可能吗？多谢！！

编辑：好家伙！！好的，抱歉，之前那个人的代码运行良好：

    <input type="checkbox" name="foo" value="bar" class="checkIt"/>Name <br/>
    <input type="checkbox" name="foo" value="bar" class="checkIt"/>Name <br/>
        <input type="checkbox" name="foo" value="bar" class="checkIt"/>Name <br/>
            <input type="checkbox" name="foo" value="bar" class="checkIt"/>Name <br/>

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$('.checkIt').bind('click', function() {

    var $boxes = $('.checkIt');
    var boxesLength = $boxes.length;
    var checkedCount = $boxes.filter(':checked').length;
    if( boxesLength == checkedCount) {
       alert("hello");
    }
});


</script>

不，我搜索的是出现的图像，而不是警报！

【问题讨论】：

尝试像$('element').addClass('active') 一样在onClick 上删除/添加类。基于此，您可以查看检查了多少。使用相同的方法，您可以显示您的（隐藏的？）元素，如下所示：$('hiddenElement').addClass('visible')
??对不起，我不明白你在这里的意思。你能给我一个示例代码吗？对不起，我完全是初学者
@Sibu 提供了一个可行的解决方案

标签： jquery ajax checkbox

【解决方案1】：

检查我的demo here

 $(".checkIt").change(function(){ 
    if ($('.checkIt:checked').length == $('.checkIt').length) {
       $("#imgloc").show();
    } else {
        $("#imgloc").hide();
    }
});

更新为在未选中复选框时隐藏图像，更新Demo

【讨论】：