jQuery设置单选按钮

我正在尝试设置一个单选按钮。我想使用值或ID进行设置。

这就是我尝试过的。

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

newcol 是单选按钮的ID。

可能需要进行一些编辑。

有两组单选框，一组带有列，另一组带有行。因此，我明白了不使用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。

您的选择器将查找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

我在这里找到了答案：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']);

在选择器中，您似乎正在尝试获取具有给定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');

您可以尝试以下代码：

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

这将设置检查的单选列的属性和指定的值。

你为什么需要'input:radio[name=cols]'。不知道您的html，但是假设id是唯一的，则只需执行此操作即可。

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

试试这个：

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

我在遇到问题attr("checked", true)，因此我倾向于改用上述方法。

另外，如果您具有ID，则不需要其他东西进行选择。ID是唯一的。

由于newcol是单选按钮的ID，因此您可以按以下方式简单使用它。

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

使用.filter()也可以，并且对于ID，值和名称也很灵活：

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

（在此博客上看到）

结合以前的答案：

$('input[name="cols"]').filter("[value='Site']").click();

您可以简单地使用：

$("input[name='cols']").click();

在这种情况下，所选答案有效。

但是问题是关于根据单选组和动态ID查找元素，答案还可以使显示的单选按钮不受影响。

该行也确实选择了在屏幕上显示更改时所要求的内容。

$('input:radio[name=cols][id='+ newcol +']').click();