0

ピザが選択された後にのみトッピングを有効にしたい ピザが選択される前に、トッピングを無効にするか、表示されないようにしたい。

<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>

ラジオボタンがチェックされているかどうかを確認するために使用している関数ラジオボタンの1つがピザからチェックされているかどうかを確認するために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';
    }
}
4

1 に答える 1

2

ここにあなたが試すことができるものがあります: 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>

注: 入力タイプのラジオにクラスを追加しました。

于 2013-09-30T03:55:15.807 に答える