Jquery 以编程方式选择字段集中的单选按钮

Jquery 以编程方式选择字段集中的单选按钮,jquery,jquery-mobile,Jquery,Jquery Mobile,我有一个带有单选功能的字段集(问题的选项),我想在页面显示上以编程方式预选选项控制组中的单选按钮,以下是控制组: <fieldset data-role="controlgroup" id="options"> <input type="radio" name="radio-choice-1" id="optiona" value="a" checked

我有一个带有单选功能的字段集(问题的选项),我想在页面显示上以编程方式预选选项控制组中的单选按钮,以下是控制组:

<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>
工作示例:

或另一个工作示例:


questions对象是什么样子的?questions是一个数组对象,看起来像这个问题({'quest':'','optionsa':'','optionsb':'','correct':''),我不认为这很重要,因为我想做的是跟踪每个问题的用户选择的答案,当用户再次导航到问题时,他的选择将被预先选择。这会起作用,但不会清除以前选择的选项,因此在控制组中选择了两个选项,如何清除控制组中的所有选定选项。请仔细看看我的示例,它们都在清除前一个选项。第一个带有“checked”,false,第二个带有触发器('create');当然,必须使用data role=“content”在DIV上执行触发器创建。再一次,看看我的例子,一切都在那里。在选择正确答案之前,我需要取消选择该组中的任何单选按钮
var sel = questions[indexNo].correct;
$("#option" + sel).prop("checked", true)
$("#option"+ sel).is(":checked");
$(document).on('pagebeforeshow', '#index', function(){ 
    $( "#optiona" ).prop( "checked", false ).checkboxradio( "refresh" );    
    $( "#optionb" ).prop( "checked", true ).checkboxradio( "refresh" );
});
$(document).on('pagebeforeshow', '#index', function(){ 
    $( "#optionb" ).prop( "checked", true );  
    $('#content').trigger('create');
});