jquery – 如何基于另一个单击按钮设置一个单选按钮

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

aaa bbb abcdef baksdf wisdof safhwr 

这是我需要用jquery做的但遇到麻烦:

如果在其中一个集合中单击“aaa”,也为其他集合设置/检查“aaa”,并对其中任何其他单选按钮执行相同操作,其中“field1”作为名称的一部分,“aaa”为价值。

同样适合bbb

有任何想法吗?

当选中一个时,这将设置所有无线电的值为“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); }); }); 

干得好。 http://jsfiddle.net/5p8KN/使用endswith attribute selector来选择field1。

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

如果你想为field1匹配寻找包含属性选择器 ,那么你可以使用input[name*='field1']

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

然后在点击事件中使用

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