2

表示/非表示にする [はい/いいえ] ボックスを 4 つ選択します。以下のelseステートメントは機能しますが、すでに表示されているdivのみを非表示にしたい( .hiddenisのCSS {display:none})。別の関数を作成する必要がありますか?

JS:

$(document).ready(function(){
    $('#questions').change(function() {
        var q1Val = $('#q1 :selected').val();
        var q2Val = $('#q2 :selected').val();
        var q3Val = $('#q3 :selected').val();
        var q4Val = $('#q4 :selected').val();

        //alert(selectVal);
        if (q1Val == "No" && q2Val == "No" && q3Val == "No" && q4Val == "No" ) {
             $(".hidden").show( "slide" );
             //updated code to use show()
        }
        else {
            $(".hidden").hide( "slide" );
        }
    });
});
4

3 に答える 3

1

:visibleセレクターで使用します。

$(".hidden:visible").hide( "slide" );

私はこれの要点をあまり理解していません。$(".hidden").hide( "slide" );ステートメントをコードの最初の部分として配置するだけです。そうすれば、ステートメントを非表示にし、変更ロジックを使用して適切なステートメントを表示します。

于 2013-10-30T12:55:35.753 に答える
1

コードで今言っていることは次のとおりです。

すべてのオプションが「いいえ」の場合は、非表示にします。それはあなたが達成したいことだと思いませんか？その場合は || を使用してください。オペレーターとして。

于 2013-10-30T12:55:35.790 に答える
0

すべての選択ボックスに共通のクラスを与えてから、 次のようにする必要があると思います.sel_box:

$('.sel_box').change(function() {
于 2013-10-30T13:00:56.420 に答える