jQuery设置单选按钮

Question

我想设置一个单选按钮.我想通过使用值或id来设置它.

这就是我尝试过的.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol 是单选按钮的ID.

也许有点编辑.

有两组收音机盒,一组带有cols,另一组带有行.所以我看到了不使用id的观点.我的错.所以我举个例子:

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

和

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

删除了id,我需要设置正确的ID.

Answer 1

您的选择器查找input:radio[name=cols]id为newcol(以及该变量的值)的元素的后代.

试试这个(因为你无论如何都是通过ID选择):

$('#' + newcol).prop('checked',true);

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

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

Answer 2

我在这里找到答案:https://web.archive.org/web/20160421163524/http :
//vijayt.com/Post/Set-RadioButton-value-using-jQuery

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

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

Answer 3

在你的选择器中,你似乎试图获取具有给定id的单选按钮的一些嵌套元素.如果要检查单选按钮,则应在选择器中选择此单选按钮,而不是其他内容:

$('input:radio[name="cols"]').attr('checked', 'checked');

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

<input type="radio" name="cols" value="1" />

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

<input type="radio" name="cols" value="1" id="myradio" />

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

$('#myradio').attr('checked', 'checked');

Answer 4

您可以尝试以下代码:

$("input[name=cols][value=" + value + "]").attr('checked', 'checked');

这将设置为指定的无线电列和值检查的属性.

Answer 5

你为什么需要'input:radio[name=cols]'.不知道你的HTML,但假设id是唯一的,你可以简单地做到这一点.

$('#'+newcol).prop('checked', true);

Answer 6

试试这个:

$("#" + newcol).attr("checked", "checked");

我遇到过问题attr("checked", true),所以我倾向于使用上面的代码.

此外,如果您有ID,那么您不需要其他东西供选择.ID是唯一的.