Question

我有两个div并且具有相同名称的单选按钮组＆amp; div中的值。在第一个div中选择单选按钮时，我想自动选择另一个div中具有相同名称和值的单选按钮。我无法手动为每个广播组传递名称或ID，因为页面上有超过100个组。我怎么能动态地做到这一点？

我在jsfiddle尝试但没有工作。

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

任何人都可以帮忙吗？

Answer 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'));
});

根据单独div中的另一个单选按钮选择一个div中的单选按钮

1 个答案: