JQuery在2个单选按钮组之间同步所选单选按钮

JQuery Sync Selected Radio Button between 2 radio button groups

本文关键字：单选按钮 同步 之间 2个 JQuery      更新时间：2023-09-26

我知道在JQuery上使用keyup粘贴可以用输入框完成，但单选按钮呢？

示例：

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

$('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/

试试这个：

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

小提琴示例

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