F5後JQuery-UI單選按鈕更新

我正在使用JQuery-UI來顯示單選按鈕here。F5後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(){})？

來源

2012-04-13 caneta

你是我們ing firefox？看看這個問題http://stackoverflow.com/q/9727117/348841 – 2012-04-13 07:40:03

爲了測試目的，我使用Firefox，Chrome和IE，但是還是要爲你提示！ – caneta 2012-04-13 07:53:07

選擇一個單選按鈕值，使用：

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

代替

.checked = true;

看到我的jsfiddle，它的工作原理：

http://jsfiddle.net/EPp2N/

來源

2012-04-13 07:37:27 Mordhak

用'.prop（'checked'，true）;'它的工作原理！我已經嘗試過'.attr（'checked'，true）;'，但是用jquery-1.7.2：我不知道它已被棄用。非常感謝！ – caneta 2012-04-13 07:59:26

F5後JQuery-UI單選按鈕更新

回答

相關問題