如何更改单选按钮值[重复]

Posted 2023-03-05

【中文标题】如何更改单选按钮值[重复]

【英文标题】：How to change a radio button value [duplicate]

【发布时间】：2012-07-26 20:48:13

【问题描述】：

可能重复：how to check a radio button with jQuery?

如何更改单选按钮的值。

jQuery('input:radio[name=search][id=search-damages]').checked = true;

这个我试过了，但是不行

<input type="radio" name="search" id="search-vehicle" value="search-vehicle" checked>
<input type="radio" name="search" id="search-damages" value="search-damages">

【参考方案1】：

如何更改单选按钮的值？

checked 属性不会改变单选按钮的值。请注意，checked 属性是 DOM INPUT 元素属性之一，而不是 jQuery 对象属性之一（通过使用 jQuery 选择元素，将创建一个 jQuery 对象）。如果你想改变这个属性，你应该首先将 jQuery 对象转换为 DOM Element 对象。

$('#search-damages')[0].checked = true;

或者使用jQuery对象的prop()方法：

$('#search-damages').prop('checked', true)

如果您想更改单选按钮控件的值（未选中属性），您可以使用 jQuery val() 方法：

$('#search-damages').val('new value');

_{请注意:radio选择器已被弃用，因为您的复选框有一个ID，您可以通过ID选择器选择它。}

【参考方案2】：

我很喜欢“降低复杂度时使用 jQuery，其他情况下使用 JS”，所以我会选择：

$("#search-damages")[0].checked = true;

否则，如果你更喜欢使用 jQuery syntanx，你可以使用：

$("#search-damages").prop("checked", true);

见：http://api.jquery.com/prop/

【参考方案3】：

试试这个：

$('#search-damages').attr('checked','checked');

【讨论】：

它的工作你可以看看现场网站：jsfiddle.net/MAhmadZ/S4EGX