用js或果酱选择单选按钮

时间:2013-11-25 03:10:53

标签: javascript jquery-mobile radio-button

正如您所看到的,我没有使用一个,而是使用两个指令来选择按钮,但它们都不起作用。有什么问题?

JS:

$(document).ready(function (){     
    document.getElementById('regent1pick').checked = true;
    $('input:radio[id=regent1pick]').checked = true;
})

HTML:

<form name="COR" id="POC"   >
    <fieldset data-role="controlgroup" data-type="vertical">
        <input type="radio" id="regent1pick" name="AKJA" onclick="regentchange()"    />
        <label class="option" for="regent1pick" style="text-align:center" >regentnik 1 </label>
    </fieldset>         
 </form>

jsbin

1 个答案:

答案 0 :(得分:0)

使用jQuery尝试:

$('input:radio[id=regent1pick]').attr('checked','true');  

(如果这是选项,可以通过id进行简单选择)

$('#regent1pick').attr('checked','true');  

但你的普通香草JS看起来是正确的,应该可行。作为替代方案,您可以尝试:

document.getElementById('regent1pick').setAttribute('checked', 'true');

<强>更新

对于jQuery mobile,您还需要通过.checkboxradio("refresh")方法刷新UI。完整的命令是:

$('#regent1pick').attr('checked','true').checkboxradio("refresh");