javascript - 在javascript中设置单选按钮值

Question

我正在尝试通过 javascript 设置单选按钮的值。但我不能这样做。我试图做的是有 4 个单选按钮，其中一个已被选中。如果我选择其他一些单选按钮并单击刷新，则应选择默认单选按钮。

http://jsfiddle.net/ds345/Un8XK/1/

HTML:

<fieldset data-role="controlgroup" data-type="vertical">
    <input type="radio" name="radio" id="x" data-theme="a" />
    <label for="x" style="color: White">X</label>
    <input type="radio" name="radio" id="y" onclick="axisonoff(this)" data-theme="a" />
    <label for="y" style="color: White">Y</label>
    <input type="radio" name="radio" id="z" data-theme="a" />
    <label for="z" >Z</label>
    <input type="radio" name="radio" id="none" data-theme="a" />
    <label for="none" style="color: White">None</label>
</fieldset>


<button id = "Refresh" value="Refresh">Refresh</button>

JS:

$(document).ready(function () {
    $("#none").attr("checked", true).checkboxradio("refresh"); // if this line is not present initially then it works for the 1st refresh. 

});

$("#Refresh").click(function(){
        $("#x").attr("checked", false).checkboxradio("refresh");
        $("#y").attr("checked", false).checkboxradio("refresh");
        $("#z").attr("checked", false).checkboxradio("refresh");
    $("#none").attr("checked", true).checkboxradio("refresh");
});

我确信我遗漏了一些非常小的东西，但无法弄清楚为什么这种方法不起作用。

使用的工具:Javascript、Jquery 1.9 和 JQuery mobile 1.3

谢谢，

迪克夏

Answer 1

你应该使用 prop在 attr在处理 bool 属性时。

.attr("checked", false)将添加 checked="false"到您的元素。
在 HTML 中，<input checked="false" .../>与<input checked="true" .../>相同或者简单地 <input checked .../>因为属性只需要出现在元素上就可以激活。
看这个JSFiddle example .

更改代码以使用 .prop() 相反:

$("#none").prop("checked", false)...

这是 JSFiddle 演示的固定版本:http://jsfiddle.net/Un8XK/8/