基于单独 div 中的另一个单选按钮选择一个 div 中的单选按钮答案

【问题标题】：Selection of radio button in one div based on another radio button in separate div基于单独 div 中的另一个单选按钮选择一个 div 中的单选按钮
【发布时间】：2015-08-20 19:38:23
【问题描述】：

我有两个 div，并且在两个 div 中都有具有相同名称和值的单选按钮组。在第一个 div 中选择单选按钮时，我想在另一个 div 中自动选择具有相同名称和值的单选按钮。我无法为每个无线电组手动传递名称或 ID，因为页面上有 100 多个组。我怎样才能动态地做到这一点？

我在 jsfiddle 中尝试过，但无法正常工作。

https://jsfiddle.net/vp43g7Lh/4/

有人可以帮忙吗？

【问题讨论】：

Check this out。此代码切换检查，但由于某些特殊原因或可能是radio 按钮的功能，它将显示为仅检查一个radio。如果您检查元素是否会显示 DOM 已更改为单选按钮而不是 UI！所以我建议使用checkbox，在这种情况下更方便！

标签： javascript jquery html

【解决方案1】：

您不能添加多个包含具有相同名称和值的无线电输入的无线电组。如果它们的形式相同，则添加它们是没有意义的。您必须按如下方式更改每个组中输入的名称

<div>
  <input type='radio' name='o37_field1' value='aaa' />aaa
  <input type='radio' name='o37_field2' value='bbb' />bbb
</div>
<div>   
  <input type='radio' name='o38_field1' value='aaa' />aaa
  <input type='radio' name='o38_field2' value='bbb' />bbb
</div>
<div>  
  <input type='radio' name='o39_field1' value='aaa' />aaa
  <input type='radio' name='o39_field2' value='bbb' />bbb
</div>

这是有关如何在单击其中一个输入时更新输入的演示：https://jsfiddle.net/vp43g7Lh/9/

$("input[type='radio']").change(function(e){
    e.stopPropagation();
    $('input[type="radio"][name*="' + $(this).attr('name').split('_')[1] + '"][value="' + $(this).val() + '"]').prop('checked', $(this).prop('checked'));
});

【讨论】：

请检查这个小提琴jsfiddle.net/vp43g7Lh/4我有两个div。在第一个 div 中选择 radio1 时，我也想在第二个 div 中选择 radio1。
我已经在上面回答了你，你不能在同一页面上有 2 个具有相同名称和值的无线电输入。最后一个将始终被检查..
但是如果我更改组的名称，那么我如何确定必须根据另一个单选按钮选择自动选择哪个单选组？
我已经尝试过该代码，但如果我选择任何值为“aaa”的单选按钮，那么它会选择所有具有相同值的单选按钮。但我只想单击具有相同组名但在单独的 div 中的两个按钮。