Jquery激活单选按钮

jquery activating radio button

本文关键字：单选按钮 激活 Jquery      更新时间：2023-09-26

我有几个单选按钮，看起来像这样:

<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"; }

谢谢你的建议。

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

http://jsfiddle.net/hunter/PFWK5/1/

你想使用jQuery的eq()

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

或

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

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

$('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');
相关文章：