2012-12-12 40 views
0

我有2套相同的單選按鈕時,一個在表和表的底部的頂部(一些UI要求)在頁面加載的單選按鈕的值檢查重複的名稱,並

問題是我當設置檢查單選按鈕,只有底部設置單選按鈕被選中

這裏是我的代碼:

//Top Set of Radio Buttons 
<input name="optField" value="Male" type="radio">Male 
<input name="optField" value="Female" type="radio">Female 

//Table Here 

//Bottom Set of Radio Buttons 
<input name="optField" value="Male" type="radio">Male 
<input name="optField" value="Female" type="radio">Female 

jQuery代碼:

$(window).load(function(){ 

var $radios = $('input[name=optField]'); 

$radios.filter('[value="Male"]').attr('checked',true); 

}); 
+0

所以,你必須重複的收音機,和想一個的點擊也單擊具有相同的值其他?這似乎很奇怪的行爲。 –

+0

當你檢查頂部的單選按鈕時,沒有任何反應。 – MillyMonster

+0

我不明白嗎?如果它們具有相同的名稱,則它們位於單選按鈕組中,並且在任何給定時間只能檢查**一個**,而不是同一組中的兩個,這是使用單選按鈕的全部要點,而您**必須**改變一個組的名稱來完成這項工作。 – adeneo

回答

1

您應該爲兩個選項組指定不同的名稱屬性。

HTML

<input name="optField" value="Male" type="radio">Male 
<input name="optField" value="Female" type="radio">Female 

//Bottom Set of Radio Buttons 
<input name="optField2" value="Male" type="radio">Male 
<input name="optField2" value="Female" type="radio">Female 

的JavaScript

$(window).load(function(){ 
    var $radios = $('input[name*="optField"]'); 
    $radios.filter('[value="Male"]').attr('checked',true); 
});