j查询 按值选择无线电

jQuery Select radio by value?

本文关键字:选择 无线电 查询      更新时间:2023-09-26

我有和HTML无线电控制:

<input id="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input id="group" type="radio" value="USA" name="SpecialTerms"></input>

使用jQuery如何选择加拿大广播项目,加拿大也有其他广播?

$('input[value=Canada]')

应该这样做。

js小提琴示例

顺便说一句,无线电输入的正确语法是<input id="group" type="radio" value="Canada" name="SpecialTerms" />(没有结束</input>标签)

您可以尝试这样做来选择包含value=Canada的收音机

$('input:radio[value="Canada"]').prop('checked', 1);

演示。

更新:id必须是唯一的,id更改为类,如class=group,检查更新的小提琴。

HTML:(注意具有相同值的不同类)

<input class="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="group" type="radio" value="USA" name="SpecialTerms"></input>
<input class="Nogroup" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="Nogroup" type="radio" value="USA" name="SpecialTerms"></input>

JS:(选择/选中带有value=Canada的单选按钮,并具有类group,这是这里的第一个收音机)

$(':radio.group[value="Canada"]').prop('checked', 1);

演示。

更新:另外,您可以尝试此操作(使用不同的名称但相同的值)

.HTML:

<input class="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="group" type="radio" value="USA" name="SpecialTerms"></input>
<input class="group" type="radio" value="Canada" name="NoSpecialTerms"></input>
<input class="group" type="radio" value="USA" name="NoSpecialTerms"></input>

.JS:

$(':radio[name="SpecialTerms"][value="Canada"]').prop('checked', 1);

$(':radio[name="SpecialTerms"]').filter(function(){
    return this.value == 'Canada';
}).prop('checked', 1);

演示。

您所需要的只是:

$('input[value="Canada"]')

有关更多信息,请参见此处

如果页面上还有其他单选组,则可以像这样选择所需的单选组:

$('#group[value="Canada"])

小提琴

更新

如上所述,ID 应该是唯一的。 考虑到这一点,您可以使用如下所示的多属性选择器:

 $('[name="SpecialTerms"][value="Canada"]')

小提琴

像这样:

$('input:radio[value='Canada']').prop('checked', true);