2014-11-02 27 views
0

請查看>>>codepen < < < <如何使用HTML輸入減去總價值

我不能得到discountvalue輸入字段從grandtotal減去。

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

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


discount12不會總計減去。請查看>>>codepen < < < <

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

回答

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

是的,就像剛纔那樣,我只是根據下面的評論對它進行了更改。 – infinityswift 2014-11-02 12:58:18

+0

@infinityswift 它不解決? http://jsfiddle.net/shv8x56o/ – 2014-11-02 13:01:27

+0

它確實是你做了什麼:)。我如何獲得警報以停止提出。它是* recordToFilename *的一部分,因爲我刪除了'alert(discount12);' – infinityswift 2014-11-02 13:13:56

0
var value = parseFloat(input.value); 

這會給你一個int而是一個字符串計算中使用。

編輯:

在好像你所得到的折扣的價值,並試圖從總計減去的那一刻。

如果我是你,我會改變這樣的:

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

這個

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

,並添加字體重量:大膽的;到你的CSS中的你的h3類。這樣你可以使用如下:

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

我希望我已經理解了。

+0

它將它添加到我的<[codepen](http://codepen.io/anon/pen/zAFfv?editors=101)>不確定爲什麼* discount12 *仍然輸入不會減去總數。感謝發佈 – infinityswift 2014-11-02 12:49:45

+0

是的,我可以添加css類,但這不是我的問題,輸入函數工作(因爲它提示正確的值)。我只需要這個值就可以從* totalvalue *中減去所輸入的值。 – infinityswift 2014-11-02 13:05:30