javascript - jQuery按值选择收音机？

Question

我有和 HTML 无线电控制：

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

使用 jQuery 如何选择加拿大电台项目，其中加拿大也有其他电台？

Answer 1

$('input[value=Canada]')

应该这样做。

jsFiddle 示例

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

Answer 2

所有你需要的是：

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

请参阅此处了解更多信息

Answer 3

你可以试试这个来选择包含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);

演示。

Answer 4

如果页面上有其他广播组，您可以像这样选择您想要的广播组：

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

小提琴

更新

如上所述，ID 应该是唯一的。考虑到这一点，您可以像这样使用多个属性选择器：

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

小提琴

Answer 5

像这样：

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