0

好的，我正在为此拉头发。我有一个主要由下拉选择和复选框组成的表单 - 这些都具有分配的值，因此当用户选择事物时，会计算所有内容的总和值。

我的最后一个输入字段是一个名为“折扣代码”的文本输入，我希望能够输入一个设置代码并从总和中减去一个固定金额。

下面是我用来检测折扣码是否正确的脚本：

$(".apply_discount").click(function() {
if ($("input[name='discount']").val() === "DISTR50") {
 $("span").text("Validated...").show();
 $("input[name='discount']").attr("value",500.99);
 return true;
}
$("span").text("Not a valid discount code").show().fadeOut(2000);
return false;
});

这是计算我的输入总和的代码：

//iterate through each textboxes and add keyup
    //handler to trigger sum event
    $(".txt, .select, .checkbox").each(function() {
        $(this).change(function(){
            calculateSum();
        });
    });
});

function calculateSum() {
    var discount = $("input[name='discount']").attr('value');
    var sum = 0;
    //iterate through each textboxes and add the values
    $(".txt, .select, .checkbox:checked").each(function() {

        //add only if the value is number
        if(!isNaN(this.value) && this.value.length!=0) {
            sum += parseFloat(this.value);
        }

    });
    //.toFixed() method will roundoff the final sum to 2 decimal places
    var calc_total = sum;
    $("#sum").html(calc_total.toFixed(2));
}

如您所见，总和被附加到一个名为#sum 的 div 中——我不知道如何减去折扣输入的值。

你可以在这里看到我的代码：http: //www.samskirrow.com/projects/distr/index3.html

这是在一个 JSfiddle 中（虽然计算里程部分不起作用） http://jsfiddle.net/bZhK4/

4

1 回答 1

1

希望我明白你在找什么：你不能改变你声明 calc_total 的 calc sum 函数：

var calc_total = sum - parseFloat(discount);

然后确保在应用折扣功能上更新它

$(".apply_discount").click(function() {
  if ($("input[name='discount']").val() === "DISTR50") {
  $("span").text("Validated...").show();
  $("input[name='discount']").attr("value",500.99);
  calculateSum();
  return true;
  }
  $("span").text("Not a valid discount code").show().fadeOut(2000);
  return false;
});
于 2013-09-10T15:28:03.960 回答