如何通過檢查group1中的單選按鈕來檢查group2中的單選按鈕？

Question

我有兩個radiogroups。 codeis的示例波紋管：

<form name="form" method="post" action=""> 
<label><input type="radio" name="RadioGroup1" value="radio" id="Radio1">Radio 1</label><br> 
<label><input type="radio" name="RadioGroup1" value="radio" id="Radio2">Radio 2</label><br> 
<label><input type="radio" name="RadioGroup2" value="radio" id="Radio3">Radio 3</label><br> 
<label><input type="radio" name="RadioGroup2" value="radio" id="Radio4">Radio 4</label> 
</form> 

我wan't做的是，當我檢查電臺1無線電3也全自動選擇並且當我選擇收音機2，收音機4被選擇。因此，如果選擇收音機1，則選中收音機1和收音機3，並且如果選擇收音機2，則選中收音機2和收音機4。

Answer 1

$('#Radio1').on('change',function() { 
    var val = $(this).is(':checked'); 
    $('#Radio3').prop('checked',val); 
}); 

Answer 2

你可以對radio1和radio2做一個快速的jQuery點擊處理程序，分別設置radio3和radio4的.checked屬性。請注意，我使用$（「＃radio3」）[0] .checked中的[0]索引來引用html元素，而不是jQuery對象。還要注意使用這個而不是$（this）來引用當前點擊的html元素。

$("#radio1").click(function(){ 
    $("#radio3")[0].checked = this.checked 
}); 

$("#radio2").click(function(){ 
    $("#radio4")[0].checked = this.checked 
}); 

Answer 3

你可以做到這一點，以處理在一個處理器兩個單選按鈕：

$('input[name=RadioGroup1]').click(function(){ 
    var i = parseInt(this.id.slice(-1), 10)+2; 
    $('#Radio'+i).attr('checked', 'checked'); 
});​ 

DEMONSTRATION