2012-06-04 79 views
0

我有以下代碼:如何選擇與jQuery嵌套的單選按鈕?

<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> 

我想要做的是能各組編程選擇一個單選按鈕。我到目前爲止所嘗試的一切都沒有奏效。思考?

編輯:

這將選擇所有這些: $( 「輸入[名稱= optionsRadios] [值= 1]」)ATTR( '檢查', '檢查');

我只是想選擇一個特定的。

+0

你無法使用相同的ID字段的花花公子 – Rizstien

回答

4

要檢查每個第一單選按鈕使用以下代碼:

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

或更短:

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

同時檢查你有一個具有相同ID的元件(例如optionHere1optionHere2等)。

ID的應該是唯一的!

DEMO:http://jsfiddle.net/mAeTa/


更新。這也將正常工作:

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

DEMO:http://jsfiddle.net/mAeTa/1/

+0

請記住,使用':首個,type'而不是':在支持'querySelectorAll()'的瀏覽器中,第一個'和'input [type =「radio」]'代替':radio'會更快。我不認爲這會是一個很大的表現,但記得很高興。 http://api.jquery.com/radio-selector/ –