javascript - 如何在表单中制作优惠代码字段？

Question

我有以下表格：

http://jsfiddle.net/GZYKQ/

我将如何做到这一点，以便当用户输入“DISCOUNT10”（大写或小写）时，jquery 脚本会降低维修价格的 10%？不是总价，是表格顶部的维修价格（var price）。

然后脚本应添加维修价格（减去 10%）、外发邮费和退货邮费并显示总价。

我没有使用 jQuery 的经验，所以这段代码可能有很多问题，但这就是我所拥有的：

$("button.offerapply").click(function() {
if (("input[name='offercode']").val = "DISCOUNT10"){
    price = (price/100)*90;
}

任何帮助是极大的赞赏！

Answer 1

你少了一个额外的=. 现在，你有一个任务。您想比较这两个值。比较运算符是==。

尝试这个：

$("button#offerapply").click(function() {
if ($("input[name='offercode']").val() == "DISCOUNT10"){
   price = (price/100)*90;
   $('.tot_price').html('£' + price);
}

Answer 2

$("#offerapply").click(function() {
    if ($("#offercode").val() === "DISCOUNT10"){ //offercode is an id, not a name
         price = (price / 10) * 9;
         $('.tot_price').html('£' + price);
    }
}

请注意，这offercode是输入的 ID，而不是名称（此处为 JSFiddle）。

Answer 3

看着你的 jsfiddle 我可能会拿

var tot_price = price + postage_out + postage_in;

并将其更改为具有另一个变量：

var tot_price = (multiplier * price) + postage_out + postage_in;

乘数默认为 1，如果他们在应用按钮上输入折扣，则可以更改为 0.90。

http://jsfiddle.net/GZYKQ/3/

Answer 4

您还缺少输入参考前面的 jQuery 调用：

if ($("input[name='offercode']").val == "DISCOUNT10"){