Sunday, 29 September 2013

To enable Radio button of one radio group and disable the other radio group when selected

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.
<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 ??
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';
}
}

No comments:

Post a Comment