如何通过单击单选按钮更改值

时间:2010-12-24 06:22:03

标签: php jquery html css

我正在使用php在Adobe Dreamweaver中创建一个网站。在该网站中有一个3个按钮,用于选择将作为继续按钮的付款方式。我想要的是当用户检查单选按钮(我同意按钮)时,它将添加该数量并显示前一个数量..有三个按钮具有相应的值(以磅为单位)..

检查我的网站http://www.spsmobile.co.uk,在此链接中解锁手机,添加购物车后点击付费,它将转到下一页,有一个送货邮件详细信息..对于该送货邮件的详细信息只是问。

plz给出一些想法或代码..我试过但我无法得到结果

2 个答案:

答案 0 :(得分:1)

我深入研究您的代码,发现如下(简化):

HTML:

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

id s刚添加,我可以添加标签)

考虑到这一点,你会想要做这样的事情:

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));
});

http://jsfiddle.net/andrewwhitaker/LvvmV/

这里发生了什么:

  • change事件处理程序绑定到rmr组中的每个单选按钮。
  • 当用户的选择发生变化时,我们会使用基于原始总数(请参阅上面的div)和{{total-text更新var total内的文字。点击的单选按钮的1}}。

答案 1 :(得分:0)