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

javascript jquery radio-button

2022-08-29 22:10:18

我尝试用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);

不起作用：

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

答案 1

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

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

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

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

提示：您可能还想在之后拨打电话或打开单选按钮。有关详细信息，请参阅注释。click()change()

答案 2

试试这个。

在此示例中，我使用其输入名称和值来定位它

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

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