j查询 按值选择无线电
jQuery Select radio by value?
我有和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);
相关文章:
- jQuery识别页面加载上的单选按钮的不正确状态,当单选值=“0”时;否”;并且两个无线电都没有被选择
- 可以't获取输入无线电选择值
- 启用/禁用使用jquery选择无线电的控制
- 如何添加属性“;“必需”;基于Javascript/Jquery中的无线电选择
- 如果选择了所有无线电中的任何一个选项,则显示 Div
- j查询 按值选择无线电
- 取消选择较低的无线电输入
- 单击标签应选择无线电输入
- 量角器如何选择无线电输入标记
- 不选中更改选择无线电
- 无线电/复选框按钮”;oncheck”;使用javascript检查/选择时的事件
- 使用无线电输入和knockoutjs选择客户地址
- 如何预先选择无线电组按钮时;name”;属性具有“;[]”;使用jQuery
- Jquery选择多个无线电输入
- 如何取消选择所有无线电输入
- AngularJs.是否可以通过单击取消选择HTML“无线电”输入
- 如何获取选择器使用find()函数获得的无线电输入值
- 在onchange事件之后自动选择无线电
- 跟踪取消选择无线电
- j查询更改字段,当选择无线电