jquery - 如何根据另一个单选按钮的点击情况设置一个单选按钮

Question

假设我有一个包含以下内容的表单:

<input type='radio' name='o37_field1' value='aaa'>aaa
<input type='radio' name='o37_field1' value='bbb'>bbb

<input type='radio' name='o44_field1' value='aaa'>abcdef
<input type='radio' name='o44_field1' value='bbb'>baksdf

<input type='radio' name='o58_field1' value='aaa'>wisdof
<input type='radio' name='o58_field1' value='bbb'>safhwr

这是我需要使用 jquery 做的事情，但遇到了麻烦:

如果在其中一个集合中单击“aaa”，则还要为其他集合设置/选中“aaa”，并对名称中包含“field1”和“aaa”作为值。

bbb 也是如此

有什么想法吗？

Answer 1

当选中一个单选按钮时，这会将所有单选按钮设置为“aaa”值:

$(document).ready(function() {
   $(':radio[value=aaa]').change(function(){
       $(':radio[value=aaa]').prop('checked',true);
   });
});

更强大的解决方案，例如单击时选择所有“类似”值:

$(document).ready(function() {
    $(':radio').change(function(){       
       $(':radio[name$='field1'][value='+$(this).val()+']').prop('checked',true);
   });
});