Question

我正在使用JQuery-UI来显示here等单选按钮。

我有以下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(){})？

Answer 1

选择radiobutton值，使用：

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

而不是

.checked = true;

看到我的jsFiddle，它有效：

http://jsfiddle.net/EPp2N/

在F5之后更新JQuery-UI单选按钮

1 个答案: