Question

我知道可以使用JQuery上的keyup paste输入框来完成，但是单选按钮呢？

示例：

用户从区域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/

Answer 3

$("input[name='radioGroup1'][value='"+$("input[name='radioGroup2']:checked").val()+"']").prop("checked",true);

JQuery同步选中2个单选按钮组之间的单选按钮

3 个答案: