Javascript 如何根据主类别的单选选择更改子类别中的单选按钮?
好的,我每类有两台收音机。一个是“允许的”,另一个是“拒绝的”。每个类别都有一个子类别。每个子cat上都有相同的收音机。我想做的是,如果有人在主类别中选择“允许”或“拒绝”,则所有类别子类别都会更改以反映该选择,但允许在子类别中进行独立更改 每个类别和子类别都是使用PHP和MySQL使用循环动态创建的。我知道我需要为每个主猫的每个子猫添加一个唯一的id。我只是不知道该怎么做Javascript 如何根据主类别的单选选择更改子类别中的单选按钮?,javascript,php,forms,Javascript,Php,Forms,好的,我每类有两台收音机。一个是“允许的”,另一个是“拒绝的”。每个类别都有一个子类别。每个子cat上都有相同的收音机。我想做的是,如果有人在主类别中选择“允许”或“拒绝”,则所有类别子类别都会更改以反映该选择,但允许在子类别中进行独立更改 每个类别和子类别都是使用PHP和MySQL使用循环动态创建的。我知道我需要为每个主猫的每个子猫添加一个唯一的id。我只是不知道该怎么做 <ul><!-- main category --> &l
<ul><!-- main category -->
<li><b><font size="3">Users:</font></b>
<p class="radioper"><font color="green"> <b>Allowed</b> </font>
<input type="radio" name="modusers" value="1" checked="">
<font color="red"> <b>Denied</b> </font>
<input type="radio" name="modusers" value="0"></p>
</li>
<ul><!--Sub-cat -->
<li><font size="3">Active Users:</font>
<p class="radioper"><font color="green"> <b>Allowed</b> </font>
<input type="radio" name="fusract" value="1" checked="">
<font color="red"> <b>Denied</b> </font>
<input type="radio" name="fusract" value="0"></p>
</li>
</ul><!-- End Sub-Cat -->
</ul><!-- End Main Category -->
- 用户:
允许
否认
- 活跃用户:
允许
否认
如果您使用的是jquery 1.6或更高版本,那么这就是解决方案:
您必须根据实际情况添加ID和分类,但这是一个示例
<ul><!-- main category -->
<li><b><font size="3">Users:</font></b>
<p class="radioper"><font color="green"> <b>Allowed</b> </font>
<input id="radio-users-allowed" type="radio" name="modusers" value="1" checked>
<font color="red"> <b>Denied</b> </font>
<input id="radio-users-denied" type="radio" name="modusers" value="0"></p>
</li>
<ul><!--Sub-cat -->
<li><font size="3">Active Users:</font>
<p class="radioper"><font color="green"> <b>Allowed</b> </font>
<input class="radio-active-users-allowed" type="radio" name="fusract" value="1" checked>
<font color="red"> <b>Denied</b> </font>
<input class="radio-active-users-denied" type="radio" name="fusract" value="0"></p>
</li>
</ul><!-- End Sub-Cat -->
</ul><!-- End Main Category -->
<script type="text/javascript">
$('#radio-users-allowed').change(function(){
$('.radio-active-users-allowed').prop('checked', true);
});
$('#radio-users-denied').change(function(){
$('.radio-active-users-denied').prop('checked', true);
})
</script>
- 用户:
允许
否认
- 活跃用户:
允许
否认
$(“#允许无线电用户”)。更改(函数(){
$('.radio active users allowed').prop('checked',true);
});
$(“#拒绝无线电用户”)。更改(函数(){
$('.radio active users denied').prop('checked',true);
})
您正在使用jquery吗?您必须根据您的代码对其进行修改,如果您希望它更改所有子类别中的所有收音机,则只需对所有收音机使用相同的类名即可。