如何获取所选的单选按钮值

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,我做错了.

谢谢

Answer 1

您需要将代码放在附加到每个单选按钮的事件处理程序中,以便每次delivery单击/选中单选按钮时更新变量的值

工作演示 - 添加 /编辑以查看代码并使用示例.

代码

 $("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
     }
 });

我很想用CSS类来识别radiobuttons