协慌网

登录 贡献 社区

如何使用 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);