Question

我有几个单选按钮，如下所示：

<div id="TheOptions">
  <input type="radio" name="mylist"/>option 1
  <input type="radio" name="mylist"/>option 2
  <input type="radio" name="mylist"/>option 3
  <input type="radio" name="mylist"/>option 4
</div>

如何设置选项n？

到目前为止，我有

$('#TheOptions').find('input:radio').attr('checked', 'checked');

但我需要写一些类似

的内容

function (theindex) { "select option index"; }

感谢您的建议。

Answer 1

function SelectIndex(index) 
{ 
    $('#TheOptions input:radio').eq(index).attr('checked', true);
}

工作示例： http://jsfiddle.net/hunter/PFWK5/1/

Answer 2

您想使用jQuery's eq()

$('#TheOptions').find('input:radio').eq(3).attr('checked', 'checked');

或

$('#TheOptions').find('input:radio:eq(3)').attr('checked', 'checked');

Answer 3

您可以使用索引选择器访问它们：

$('input:radio:eq(0)', '#TheOptions').attr('checked', 'checked');

或者有些人会在他们的无线电上提供ID并以这种方式访问它们。

<div id="TheOptions">
  <input type="radio" id="option1" name="mylist"/>option 1
  <input type="radio" id="option2" name="mylist"/>option 2
  <input type="radio" id="option3" name="mylist"/>option 3
  <input type="radio" id="option4" name="mylist"/>option 4
</div>

然后他们像这样访问它：

$('#option1').attr('checked', 'checked');

jquery激活单选按钮

3 个答案: