2個單選按鈕組之間的JQuery同步選定的單選按鈕

Question

我知道它可以使用JQuery上的輸入框粘貼粘貼完成，但單選按鈕又如何？

實施例：

用戶從區域A（單選按鈕）選擇選項的情況下選擇（同步）區域B

<!--AREA A (Source) --> 
<input id="radio_A" name="radio_A" type="radio" value="Value1" /> 
<input id="radio_A2" name="radio_A" type="radio" value="Value2" /> 

<!--AREA B (Target)--> 

<input id="radio_B" name="radio_B" type="radio" value="Value1" /> 
<input id="radio_B2" name="radio_B" type="radio" value="Value2" /> 

Answer 1

嘗試這種情況：

$("#radio_A").click(function() { 
    $("#radio_B").attr("checked", $(this).attr("checked")); 
}); 
$("#radio_A2").click(function() { 
    $("#radio_B2").attr("checked", $(this).attr("checked")); 
}); 

Example fiddle

Answer 2

$('input[name=radio_A]').change(function() { 
    var index = $(this).index('input[name=radio_A]'); 
    $('input[name=radio_B]:eq(' + index + ')').attr('checked','checked'); 
}); 

代碼：http://jsfiddle.net/BUbHf/1/