我有多个具有多个选择限制的广播组,一个是按名称属性,另一个是使用jQuery。对于每个广播组,我在更改时将checked属性设置为false,这样每个组只能检查一个广播。
HTML格式
<div id="radio_group">
<input type="radio" name="name" value="0"/>Name
<input type="radio" name="address" value="0"/>Address
<input type="radio" name="phone" value="0"/>Phone
</div>
<div id="radio_group">
<input type="radio" name="name" value="1"/>Name
<input type="radio" name="address" value="1"/>Address
<input type="radio" name="phone" value="1"/>Phone
</div>
jQuery公司
$('#radio_group').each(function(){
var mainElement = $(this);
mainElement.children('input[type=radio]').on('change', function(){
mainElement.children('input[type=radio]').not(this).prop('checked', false);
});
});
这只适用于第一组,有什么建议吗?
编辑:
使用类选择器而不是id:
HTML格式
<div class="radio_group">
<input type="radio" name="name" value="0"/>Name
<input type="radio" name="address" value="0"/>Address
<input type="radio" name="phone" value="0"/>Phone
</div>
<div class="radio_group">
<input type="radio" name="name" value="1"/>Name
<input type="radio" name="address" value="1"/>Address
<input type="radio" name="phone" value="1"/>Phone
</div>
jQuery公司
$('.radio_group').each(function(){
var mainElement = $(this);
mainElement.children('input[type=radio]').on('change', function(){
mainElement.children('input[type=radio]').not(this).prop('checked', false);
});
});
最佳答案
Id 's
是唯一的。可以对任何元素使用相同的类名,但不能对多个元素使用相同的id
<div id="radio_group" class="className">
<input type="radio" name="name" value="0"/>Name
<input type="radio" name="address" value="0"/>Address
<input type="radio" name="phone" value="0"/>Phone
</div>
<div id="radio_group" class="className">
<input type="radio" name="name" value="1"/>Name
<input type="radio" name="address" value="1"/>Address
<input type="radio" name="phone" value="1"/>Phone
</div>
$('.className').each(function(){
//write logic here
});