如何在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

更短的形式。试试这个：

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

Answer 3

名称需要不同。您的选择器只会检查该名称的最后一个元素。

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

未经测试，因此语法可能略有偏差，但应该给你一个想法。