jquery - チェックされた属性をjQueryを使用してラジオボタンn番目の子に追加する方法は？

Question

ラジオボタンのグループがあり、そのうちの1つにチェック済み属性を追加したいと思います。これは私のコードです：

<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

このコードを試してください。propの代わりにattrを使用します。

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

Answer 5

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

値属性を追加して、これを使用できます。

$（'input [name = "radioButton"] [ value = "hello"]'）。prop（'checked'、true）;

注：「nth-child」は、異なるグループでこれらの前に複数のラジオボタンがある場合、一部のブラウザで問題を引き起こす可能性があります。