0

JQuery-UIを使用して、次のようなラジオボタンを表示しています。

私は次のHTMLコードを持っています：

<div id="radioDiv">
    <input type="radio" id="u1-radio" name="radio" value="" checked/>
        <label for="u1-radio">U1</label>
    <input type="radio" id="u2-radio" name="radio" value="" />
        <label for="u2-radio">U2</label>
    <input type="radio" id="g1-radio" name="radio" value="" />
        <label for="g1-radio">G1</label>
</div>

および次のJavaScript：

$(document).ready(function(){
    $("#radioDiv").buttonset();
    getUseCase("u1");
}

function getUseCase(useCase){
    if( useCase == "u1" ){
        $("#u2-radio").checked = false;
        $("#g1-radio").checked = false;
        $("#u1-radio").checked = true;
        $("#radioDiv").buttonset('refresh');
    }
    if( useCase == "u2" ){
        $("#u1-radio").checked = false;
        $("#g1-radio").checked = false;
        $("#u2-radio").checked = true;
        $("#radioDiv").buttonset('refresh');
    }
    if( useCase == "g1" ){
        $("#u1-radio").checked = false;
        $("#u2-radio").checked = false;
        $("#g1-radio").checked = true;
        $("#radioDiv").buttonset('refresh');
    }
}

ボタンは正常に機能しますが、F5キーでページを更新すると問題が発生します。チェックしたボタンが最後のままなので、最初のボタンをオンにしても「radioDiv」は更新されません。

理由がわかりません。リフレッシュは思い出せないの$(document).ready(function(){})ですか？

4

1 に答える 1

0

ラジオボタンの値を選択するには、次を使用します。

.attr('checked', true); // jQuery < 1.6
.prop('checked', true); // jQuery >= 1.6

それ以外の

.checked = true;

私のjsFiddleを参照してください、それは動作します：

http://jsfiddle.net/EPp2N/

于 2012-04-13T07:37:27.450 に答える