[英]To enable Radio button of one radio group and disable the other radio group when selected
I want to enable topping only after Pizza is selected I want to either disable topping or from appearing before pizza is selected. 我想在选择Pizza之后启用顶部我想要禁用顶部或在选择披萨之前出现。
<legend>Choose the pizza wrap type ?</legend>
<div class="control-group">//radio group
<label class="radio">
<input type="radio" name="pizza" id="pizza3"value="3" {% if pizza.rel == 3%}
checked {% endif %}>
Vegan
</label><br>
<label class="radio">
<input type="radio" name="pizza" id="pizza2" value="2" {% if pizza.rel == 2 %}
checked {% endif %}>
Vegetarian
</label><br>
<label class="radio">
<input type="radio" name="pizza" id="pizza1" value="1" {% if
pizza.rel == 1 %} checked {% endif %}>
Non vegetarian
</label><br>
<label class="radio">
<input type="radio" name="pizza" id="pizza0" value="0" {% if
pizza.rel == 0 %} checked {% endif %}>
Halal meat
</label>
<button type="button" class="btn btn-link" id="pizza" onclick="captureSelection()">
</button>
</div>
<h5>Toppings?</h5>
<div class="control-group">
<label class="radio">
<input type="radio" name="topping" id="topping3" value="3" {% if topping.top == 3
%} checked {% endif %}>
Vegan
</label><br>
<label class="radio">
<input type="radio" name="topping" id="topping2" value="2" {% if topping.top == 2
%} checked {% endif %}>
Veggie
</label><br>
<label class="radio">
<input type="radio" name="topping" id="topping1" value="1" {% if topping.top == 1
%} checked {% endif %}>
Meat
</label><br>
<label class="radio">
<input type="radio" name="topping" id="topping0" value="0" {% if topping.top == 0
%} checked {% endif %}>
Halal meat
</label>
<button type="button" class="btn btn-link" id="topping" onclick="captureSelection()">
</button>
</div>
function I am using to check if the radio button is checked or not should I do the for loop to check with if one of the radio buttons is checked from pizza ?? 我用来检查单选按钮是否被检查的功能我是否应该进行for循环检查是否从比萨饼中检查了一个单选按钮?
function captureSelection(){
var u = document.getElementById('relevance');
var t = document.getElementById ('topic');
if (u.value=='unchecked' && u.value ==''){
t.disable='true';
}
else (u.value=='checked'){
t.enable='true';
}
}
Here is something you may try: DEMO FIDDLE 这是你可以尝试的东西: DEMO FIDDLE
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type= "text/javascript">
$(document).ready(function () {
$(".a").click(function () {
$(".b").prop('checked', false);
});
$(".b").click(function () {
$(".a").prop('checked', false);
});
});
</script>
Note: I have Added classes to your input type radio. 注意:我已经为您的输入类型无线电添加了类。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.