1

いくつかのチェックボックスがクリックされたときにアクションを実行するスクリプトを探しています。次のスクリプトは、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 に答える