0

私は、このクラスに属し、このIDを持つラジオボックスがクリックされた場合、この非表示のdivを表示すると言う、ラジオボックス用のjqueryのピースを持っています。問題は、ページを更新してもラジオ ボックスはクリックされたままですが、非表示の div が表示されないことです。別のラジオ ボックスをクリックしてから、クリックした元のラジオ ボックスに戻った場合にのみ表示されます。

これは私が使用しているJavaScriptです：

$(function(){     
    $('.display').click(function(){
        if ($(this).attr("id") == "rows"){
            $('.section').show();
        } else {
            $('.section').hide();
        }
    });
});

以下は、実際の例を示すために、この JavaScript の一部を取得した例です。実施例

これがフォームで、オファー 2 をクリックしてフォームを保存し、ページに戻った場合、その非表示の div は表示されません。そのラジオボックスが常にクリックされている限り、div を表示するにはどうすればよいですか?

注:この例では jquery 1.5.1 を使用しています。最新バージョンの jquery を使用しています。

ラジオ ボックスの保存方法は重要ではないことに注意してください。ラジオ ボックスのユーザー選択は保存されるため、ページを更新しても、ユーザーが選択したラジオ ボックスは「選択」されたままです。非表示の div を表示する必要がありますが、そうではありません。

別のラジオ ボックスを選択してから、最初に選択したラジオ ボックスに戻った場合にのみ表示されます。ラジオ ボックスを選択したときに非表示の div がどのように表示されるかを理解するには、上記の実例を参照してください。

ラジオボックスが選択されている場合、この div が常に表示されるようにします。

4

1 に答える 1

0 
$(function(){     

    // your function
    $('.display').click(function(){
        if ($(this).attr("id") === "rows"){
            $('.section').show();
        } else {
            $('.section').hide();
        }
    });

    // initial check
    if ($('input:radio:checked').attr('id') === "rows") {
        $('.section').show();
    }

});

ページにラジオ ボタンのセットが複数ある場合は、jQuery セレクターに識別子を追加する必要があります。次のように入力フィールドの名前を使用できます。

$('input[name=myradiobutton]:radio:checked')
于 2013-01-06T18:26:03.913 に答える