jquery - 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);
   });
});

Answer 2

干得好。http://jsfiddle.net/5p8KN/选择endswith attribute selectorfield1。

$("input[type='radio']").click(function(){
$("input[type='radio'][name$='field1'][value='" + $(this).val() + "']").prop('checked',true);
});

如果您想查找包含field1 匹配的属性选择器，那么您可以使用input[name*='field1']

Answer 3

将相同的类应用于所有 aaa 单选按钮

然后在点击事件中使用

$("input[type='radio']").click(function(){
  $(":radio[value="+$(this).val()+"]")).each(function(index,value){     
    $(this).attr('checked',true); or   $(this).attr('checked','checked');
   });
});