如何使用 jQuery 检查单选按钮？

我尝试用 jQuery 检查一个单选按钮。这是我的代码：

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>

和 JavaScript：

jQuery("#radio_1").attr('checked', true);

不起作用：

jQuery("input[value='1']").attr('checked', true);

不起作用：

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

不起作用：

你有其他想法吗？我错过了什么？

答案

对于 jQuery 等于或大于（> =）1.6 的版本，请使用：

$("#radio_1").prop("checked", true);

对于（<）1.6 之前的版本，请使用：

$("#radio_1").attr('checked', 'checked');

提示：您可能还想在之后调用单选按钮上的click()或change() 。 有关详细信息，请参阅注释

试试这个。

在这个例子中，我用它的输入名称和值来定位它

$("input[name=background][value='some value']").prop("checked",true);

很高兴知道：在多字值的情况下，它也会因为撇号而起作用。

在 jQuery 1.6 中添加的另一个函数 prop（），用于相同的目的。

$("#radio_1").prop("checked", true);