2013-06-04 44 views
4

選擇一個單選按鈕我有帶收音機的字段(選擇一個問題),我想預選編程頁上顯示的選項控制組中的單選按鈕,這裏是對照組:在一個字段通過編程

<fieldset data-role="controlgroup" id="options"> 
    <input type="radio" name="radio-choice-1" id="optiona" value="a" 
                  checked="checked" /> 
    <label for="optiona" id="labela">Ondo</label> 
    <input type="radio" name="radio-choice-1" id="optionb" value="b" /> 
    <label for="optionb">Lagos</label> 
    <input type="radio" name="radio-choice-1" id="optionc" value="c" /> 
    <label for="optionc">Abuja</label> 
    <input type="radio" name="radio-choice-1" id="optiond" value="d" /> 
    <label for="optiond">Kogi</label> 
    <input type="radio" name="radio-choice-1" id="optione" value="e" /> 
    <label for="optione">Niger</label> 
</fieldset> 

我曾嘗試以下:

var sel = questions[indexNo].correct; 
$("#option" + sel).prop("checked", true) 
$("#option"+ sel).is(":checked"); 
+0

問題對象的外觀如何? –

+0

問題是一個看起來像這個問題的數組對象({'quest':'「,'optiona':」「,'optionsb':」「,'correct':」「}),我不認爲這是重要的cos我試圖做的是跟蹤每個問題的用戶選擇的答案,當用戶再次導航到問題時,他的選擇將被預先選中 – kolexinfos

回答

5

工作例如:http://jsfiddle.net/Gajotres/aawNj/

$(document).on('pagebeforeshow', '#index', function(){ 
    $("#optiona").prop("checked", false).checkboxradio("refresh");  
    $("#optionb").prop("checked", true).checkboxradio("refresh"); 
}); 

或另一個工作示例:http://jsfiddle.net/Gajotres/EFzxj/

$(document).on('pagebeforeshow', '#index', function(){ 
    $("#optionb").prop("checked", true); 
    $('#content').trigger('create'); 
}); 
+0

這可以工作,但它不會清除以前選擇的選項,因此您有2個選項被選中在對照組中,如何清除對照組中的所有選定選項。 – kolexinfos

+0

更好地看看我的例子,他們都清除前一個。第一個帶有「checked」,false,第二個帶有觸發器('create');當然觸發器創建必須在data-role =「content」的DIV上執行。再次,看看我的例子,一切都在那裏。 – Gajotres

+0

在選擇正確的答案之前,我需要取消選擇此組中的任何單選按鈕 – kolexinfos

相關問題