Как предварительно выбрать радиокнопку в JQuery

Question

Я хочу заранее выбрать первый переключатель в следующем комплекте:

HTML

<input type="radio" value="0" name="serviceNoteType[1]"> 
<input type="radio" value="1" name="serviceNoteType[1]"> 

JQuery

var i = 1; // for sake of this example 
$('[name="serviceNoteType\\['+ i +'\\]"]').prop('checked', true); 

В результате выбирается вторая радиокнопка, и я хочу, чтобы первый был выбран. Как настроить таргетинг на первый переключатель?

Answer 1

Вы можете добавить .first() к вашему селектору:

var i = 1; // for sake of this example 
 
$('[name="serviceNoteType\\['+ i +'\\]"]').first().prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="radio" value="0" name="serviceNoteType[1]"> 
 
<input type="radio" value="1" name="serviceNoteType[1]">

Answer 2

Имена должны быть разными. Ваш селектор будет проверять только последний элемент, отображаемый этим именем.

$('[name="serviceNoteType\\['+ i +'\\]"]:first-child').prop('checked', true); 

Не проиндексирован, поэтому синтаксис может быть слегка выключен, но должен дать вам эту идею.

Answer 3

Более краткой форме. Попробуйте следующее:

$("input:radio:first").attr('checked', true);