jquery - 如何使用 jQuery 将选中的属性添加到单选按钮 nth-child？

Question

我有一组单选按钮，我想将选中的属性添加到其中一个。这是我的代码：

<input type="radio" name="radioButton" id="rd1">
<input type="radio" name="radioButton" id="rd2">
<input type="radio" name="radioButton" id="rd3">
<input type="radio" name="radioButton" id="rd4">
<input type="radio" name="radioButton" id="rd5">

<script>
   $('input[name=slider]:nth-child(3)').prop('checked', true);
</script>

我用 .attr('checked', 'checked') 测试了脚本。但脚本无法正常工作。我怎么了？

Answer 1

尝试：

$('input[name=radioButton]:eq(2)').prop('checked', true);

Answer 2

$('input[name=radioButton]:nth-child(3)').attr('checked', true);

或者

$('input[name=radioButton]:nth-child(3)').attr('checked', 'checked');

这是jsFiddle

Answer 3

尝试这个：

<script>
   $('input[name=radioButton]:nth-child(3)').attr('checked', 'checked');
</script>

Answer 4

试试这个代码。使用 attr 而不是 prop。

 $('input[name=slider]:nth-child(3)').attr('checked', true);

Answer 5

<input type="radio" name="radioButton" value="hello" id="rd1">

您可以添加一个value属性并使用它：

$('input[name="radioButton"][ value ="hello"]').prop('checked', true);

注意：如果您在这些单选按钮之前有多个具有不同组的单选按钮，“nth-child”可能会导致某些浏览器出现问题。