Question

我正在搜索一个脚本，当单击几个复选框时会执行操作。我发现以下脚本仅适用于一个复选框：

<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>

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

Answer 1

检查我的 demo here

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

更新为在取消选中复选框时隐藏图片，已更新Demo

jQuery Ajax - 如果选中了多个Checkbox

1 个答案: