選択したラジオボタンの値を取得する方法

Question

2つのラジオボタンから簡単なものがあり、チェックされていればその値を取得する必要があります。

 <form class="descriptions" id="collection" method="post" action=""> 
          <table width="200"> 
           <tr> 
           <td> 
            <label>Collection</label> 
            <input type="radio" value="collection" name="collection" /> 
           </td> 
           <td> 
            <label>Delivery</label> 
            <input type="radio" value="delivery" name="collection" /> 
           </td> 
          </tr> 
         </table> 

       </form> 

    var delivery = ""; 
    delivery = $('input:radio:checked').val(); 
if(delivery == 'delivery') { 
    meal_deal7 = 11.49; 
}else { 
    meal_deal7 = 9.99 
} 

meal_deal7の値は常に9.99、 は私がやっているs番目の間違っています。このlink
次の例の礼儀で

おかげ

Answer 1

を取得するにはjavascriptをボタンがクリックされた/

Working Demoをチェックする - コードを参照し、例を用いてプレイする/編集を追加します。

コード

$("input:radio[name='collection']").click(function() { 
    var delivery = $("input:radio[name='collection']:checked").val(); 

    if(delivery == 'delivery') { 
     meal_deal7 = 11.49; 
    } 
    else { 
     meal_deal7 = 9.99 
    } 
}); 

私は配達変数をデバッグしてみてください

Answer 2

ルックとあなたのフォームに必要な変更を行います。

<form name="orderform"> 
Which one is your favorite?<br> 
<input type="radio" name="music" value="Rock" 
checked="checked"> Rock<br> 
<input type="radio" name="music" value="Reggae"> Reggae<br> 
<input type="radio" name="music" value="Pop"> Pop<br> 
<input type="radio" name="music" value="Rap"> Rap<br> 
<input type="radio" name="music" value="Metal"> Metal<br> 
<input type="submit" onclick="get_radio_value()"> 
</form> 

Answer 3

使用あなたがdelivery変数の値が毎回ラジオ更新されるようにラジオボタンのそれぞれに取り付けたイベントハンドラにコードを持っている必要があります値

var elemArray=document.getElementsByName('collection'); 
var value=""; 
if(elemArray.length>0){ 
for(var i=0;i<elemArray.length;i++){ 
if(elemArray.checked==true){ 
value=elemArray.value; 
} 
} 
}else{ 
if(elemArray.checked==true){ 
value=elemArray.value; 
} 
}