2014-10-31 48 views
-2

號碼輸入字段不註冊 (折扣應該從總計減去)如何輸入,改變總

檢查CodePen

的Javascript

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

我想它如下圖所示。 (折扣手動輸入) http://i.stack.imgur.com/yV8QT.jpg

+0

請嘗試代碼清理。我不能做任何事情。 js在html和它的所有無序之間。從html和css分離js – Refilon 2014-10-31 13:20:57

+0

你讓自己難以調整總計,因爲你也插入了html元素和價值試圖分開這些 – user4185589 2014-10-31 13:22:48

+0

在這裏看看它謝謝[codepen](http: //codepen.io/anon/pen/zKdnL?editors=101) – infinityswift 2014-10-31 13:43:16

回答

0

您無法獲得它們的折扣價值,因爲它還包含文本。

JS = document.getElementById('discountsample').innerHTML = " Discount Sample: $" + (-10).toFixed(2); 
HTML Output = <h4 id="discountsample"> Discount Sample: $-10.00</h4> 

像價格屬性添加值,使輸出會像

<h4 id="discountsample" price="10.00"> Discount Sample: $-10.00</h4> 

你可以閱讀從價格的價值。
在你的最後一個JS中,你可以用它來設置它,也可以通過這種方式獲得值並減去它。

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

     //Something like this. This requires jQuery 
     document.getElementById('discountsample').attr("price", input.value); 

     //I don't know how it is in normal JS. I think its like this but you have to test it 
     document.getElementById('discountsample').attributes['id'] = input.value; 
    }; 

而且還使代碼更清潔,就像將JS從HTML中分離出來一樣,反之亦然。
現在,它只是混合起來。一些在你的HTML和一些在你的JS

+0

是的,謝謝你,javascript和html不能被分離,因爲我正在使用一個程序,我只有一個頁面來寫我的代碼。它離線運行,所以我不能使用jQuery。 – infinityswift 2014-10-31 14:05:35

+0

我正在嘗試.attributes [編號]謝謝 – infinityswift 2014-10-31 14:08:55

+0

是的好。讓我知道它是否有效,如果這是你正在尋找的解決方案:) – VRC 2014-10-31 14:09:28