jquery - 如何使用 jQuery 选择嵌套的单选按钮？

Question

我有以下代码：

<form class="form-inline" id="myform0">    
    <fieldset>                  
        <label class="radio"><input type="radio" name="optionsRadios" id="optionHere2" value="2">Yes</label>
        <label class="radio"><input type="radio" name="optionsRadios" id="optionHere1" value="1">No</label>            
        <label class="radio"><input type="radio" name="optionsRadios" id="optionHere3" value="3">Not decided</label>                        
    </fieldset>                 
</form>
<form class="form-inline" id="myform1">    
    <fieldset>                  
        <label class="radio"><input type="radio" name="optionsRadios" id="optionHere2" value="2">Yes</label>
        <label class="radio"><input type="radio" name="optionsRadios" id="optionHere1" value="1">No</label>            
        <label class="radio"><input type="radio" name="optionsRadios" id="optionHere3" value="3">Not decided</label>                        
    </fieldset>                 
</form>

我想要做的是能够以编程方式在每个组中选择一个单选按钮。到目前为止我尝试的一切都没有奏效。想法？

编辑：

这会选择所有这些： $("input[name=optionsRadios][value=1]").attr('checked', 'checked');

我只是想选择一个特定的。

Answer 1

要检查每个第一个单选按钮，请使用以下代码：

$("form").each(function() {
    $(this).find(":radio:first").prop("checked", true);
});

或更短：

$("form").find(":radio:first").prop("checked", true);​​​​​​​​​​​​​​​​

还要检查您是否有具有相同 ID 的元素（例如optionHere1、optionHere2等）。

ID应该是唯一的！

演示：http: //jsfiddle.net/mAeTa/

---

更新。这也可以正常工作：

$("form").find(":radio[name='optionsRadios'][value='1']").prop("checked", true);​

演示：http: //jsfiddle.net/mAeTa/1/