使用name属性在Loop中选中第一个单选按钮

Question

我在循环中有单选按钮列表，如下所示：

<input type="radio" name="courses" id="course_1" value="1">
<input type="radio" name="courses" id="course_2" value="2">
<input type="radio" name="courses" id="course_3" value="3">
<input type="radio" name="courses" id="course_4" value="4">   

我想使用名称属性非ID 来检查第一个广播。

这是我的小提琴：http://jsfiddle.net/8AcYg/1/

Answer 1

使用.first()

$('input[name="courses"]').first().prop('checked', true)

演示：Fiddle

您也可以使用:first，:eq(0)或.eq(0)来执行相同操作

Answer 2

$("input[name='courses']:eq(0) ").attr("checked","checked");

或

$('input[name="courses"]:eq(0)').prop('checked', true);

<强> demo

参考 attribute-equals-selector ， attr ， prop

Answer 3

您可以使用原生文档方法getElementsByName或querySelector

执行此操作

document.getElementsByName('courses')[0].checked = true;

或

document.querySelector('[name=courses]:first-child').checked = true;

Answer 4

通过将第一个子属性设置为true来执行此操作

$('input:radio[name=courses]:first-child').attr('checked',true);

见jsfiddle