1

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

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

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

4

1 回答 1

1

在这里查看我的演示 

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

更新以在未选中复选框时隐藏图像，更新演示

于 2012-09-13T11:21:49.217 回答