如何使用单选按钮更改该值

Question

我正在用php在Adobe Dreamweaver中制作一个网站。在该网站上有3个按钮，用于选择付款方式，这将作为继续按钮。我想要的是，当用户选中一个单选按钮(我同意按钮)，它将添加与该金额和显示与以前的金额。有三个按钮具有相应的值(以磅为单位的数量)。

请在此链接中查看我的网站http://www.spsmobile.co.uk，进入手机解锁，添加购物车后，单击付款，将进入下一页，有送货邮件详细信息。对于那个投递邮件的详细信息，我只想问一下..这里我提到了代码：

<input id="radio-1" type="radio" name="rmr" value="1"> 
<label for="radio-1">£3</label> <input id="radio-2" type="radio" name="rmr" value="2">     
<label for="radio-2">£5.5</label> 
<input id="radio-3" type="radio" name="rmr" value="4"> 
<label for="radio-3">£10</label>  


<div class="total-text" style="font-size:36px">£10</div> 



  var total = parseInt($("div.total-text").text().substring(1), 10);  
    $("input[name='rmr']").bind('change', function() {     
      var amount = 0;     
      switch (this.value) {     
              case "1":         
                          amount = 3;         
                          break;     
              case "2":         
                          amount = 5.5;                          
                          break;     
              case "4":         
                          amount = 10;         
                          break;     
      }      
      $("div.total-text").text("£" + (total + amount)); 
   }); 

但是没有变化，我之前的金额没有加进去。当我点击上一次仅在浏览器上显示的金额时..我需要当我点击单选按钮时，这个值应该相应地改变..我在哪里做的，mistake...plz给了我一些想法，我应该do..is什么，有什么需要存储db..

在广告中感谢

Answer 1

这[demo ]不是您要找的功能吗？

Answer 2

使用"click“事件代替"change”事件。将以下行修改为：

$(“输入名称=‘rmr’”)函数(‘.bind’，function() { ....}

Answer 3

你想计算你每次点击的时候，它会计算上一次点击的值(当第一次点击的时候，值是零)。我会创建一个隐藏字段来放入总数。

在你的例子中，你使用了'this‘，如果你用jQuery写的话，你就不能那样使用它(在我看来)。如果您编写的函数如下：

function foo(value)
{
   this.value = value;
};

var foobar = new foo('test');
alert(foobar.value);

那么你应该用你曾经做过的方式。

<script type="text/javascript">
$(document).ready(function() {
    $("input[name=rmr]").click(function() {

            //Get totale amount
        var total  = parseInt($("input[name=mem-totale]").val());
            //Get checked value
        var amount = parseInt($(this).val());       

            //Change it in your way
        switch (amount) {     
              case "1":         
                  amount = 3;         
                  break;     
              case "2":         
                  amount = 5.5;                          
                  break;     
              case "4":         
                  amount = 10;         
                  break;     
        };

            var totale_amount = total + amount;

            //Put totale in the mem-totale
        $("input[name=mem-totale]").val(totale_amount);
            //Put tottale in your label
        $("div.total-text").text("£" + (totale_amount)); 
    });
});
</script> 

<input id="radio-1" type="radio" name="rmr" value="1"> 
<label for="radio-1">£3</label>
<input id="radio-2" type="radio" name="rmr" value="2">     
<label for="radio-2">£5.5</label> 
<input id="radio-3" type="radio" name="rmr" value="4"> 
<label for="radio-3">£10</label>  

<div class="total-text" style="font-size:36px">£10</div>
<input type="hidden" name="mem-totale" value="0" />

祝你好运