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