Jquery 选中重复的名称和页面加载上单选按钮的值

我有两套相同的单选按钮，一个在表格顶部，另一个在表格底部（一些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

---

您应该为这两个选项组指定不同的名称属性

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

---

您应该为这两个选项组指定不同的名称属性

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

---

因此，您有重复的收音机，并且希望单击其中一个也单击具有相同值的另一个？这看起来很奇怪。所以当你检查顶部的单选按钮时，什么也没发生？我不明白？如果他们有相同的名字，他们在一个单选按钮组中，并且在任何给定的时间只能检查一个，而不是同一组中的两个，这就是使用单选按钮的全部意义，你必须更改一个组的名称才能工作。所以你有重复的收音机，希望单击其中一个也单击具有相同值的另一个？这看起来很奇怪。所以当你检查顶部的单选按钮时，什么也没发生？我不明白？如果它们具有相同的名称，则它们位于单选按钮组中，并且在任何给定时间只能检查一个，而不是同一组中的两个，这就是使用单选按钮的全部意义，您必须更改一个组的名称才能使其起作用。

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