首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery设置单选按钮

jQuery设置单选按钮
EN

Stack Overflow用户
提问于 2012-03-02 06:22:53
回答 14查看 284.7K关注 0票数 142

我正在试着设置一个单选按钮。我想使用值或id来设置它。

这就是我尝试过的。

代码语言:javascript
复制
$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol是单选按钮的id。

也许稍微修改一下是合适的。

有两组单选框,一组带cols,另一组带行。所以我明白了不使用id的意义。我的错。所以我举了个例子:

代码语言:javascript
复制
<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

代码语言:javascript
复制
<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

删除id后,我需要设置正确的id。

EN

回答 14

Stack Overflow用户

回答已采纳

发布于 2012-03-02 06:25:01

选择器查找id为newcol (也就是该变量的值)的input:radio[name=cols]元素的后代。

尝试这样做(因为您无论如何都是按ID选择的):

代码语言:javascript
复制
$('#' + newcol).prop('checked',true);

这是一个演示:http://jsfiddle.net/jasper/n8CdM/1/

此外,从jQuery 1.6开始,更改属性的首选方法是.prop()http://api.jquery.com/prop

票数 210
EN

Stack Overflow用户

发布于 2013-08-01 20:33:50

我在这里找到了答案:

https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery

基本上,如果要选中一个单选按钮,则必须将值作为数组传递:

代码语言:javascript
复制
$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);
票数 97
EN

Stack Overflow用户

发布于 2012-03-02 06:24:31

在您的选择器中,您似乎正在尝试获取具有给定id的单选按钮的某个嵌套元素。如果要选中某个单选按钮,则应在选择器中选择此单选按钮,而不是其他按钮:

代码语言:javascript
复制
$('input:radio[name="cols"]').attr('checked', 'checked');

这里假设您的标记中有以下单选按钮:

代码语言:javascript
复制
<input type="radio" name="cols" value="1" />

如果你的单选按钮有一个id:

代码语言:javascript
复制
<input type="radio" name="cols" value="1" id="myradio" />

您可以直接使用id选择器:

代码语言:javascript
复制
$('#myradio').attr('checked', 'checked');
票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9525128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档