如何使用html输入减去总值

时间:2014-11-02 12:36:18

标签: javascript html cart

请检查>>> codepen<<<<

我无法将 discountvalue 输入字段从grandtotal中减去。

<input  id="discountvalue" type="number"> 

    function recordToFilename() {
    var input = document.getElementById('discountvalue'),
    discount12 = input.value;


discount12 不会从总计中扣除。请检查&gt;&gt;&gt; codepen&lt;&lt;&lt;&lt;

document.getElementById('grandtotal').innerHTML = ": $" + (salesTotal * 0.13 + salesTotal - discount12).toFixed(2);

2 个答案:

答案 0 :(得分:1)

在分配时不要使用选择器元素,: 变化是:

var input = document.getElementById('discountvalue'), discount12 = parseInt(input.value);

要:

var input = document.getElementById('discountvalue');
discount12 = input.value;

还有两个声明,第4行,第83行。

简化为:

function recordToFilename() {
    discount12 = parseInt(document.getElementById('discountvalue').value, 10);
};

答案 1 :(得分:0)

var value = parseFloat(input.value);

这将为您提供一个int而不是用于计算的字符串。

编辑:

目前,你似乎正在获得折扣的价值,并试图从总额中减去它。

如果我是你,我会改变这个:

<h3 id="grandtotal"><strong>Grand Total</strong></h3>

到这个

<h3 id="grandtotal">Grand Total</strong></h3>

并添加font-weight:bold;你的CSS中的h3类。这样你就可以使用下面的内容:

var input = document.getElementById('discountvalue');
var grandTotal = document.getElementById('grandtotal');
var newTotal = grandTotal.value - input.value;

我希望我明白了。