2013-12-16 90 views
-1

我正在處理一個應用程序,其中有幾個帶有浮動值的文本框,我正在嘗試在文本框中的現有值上添加遞增和遞減滾動條跟隨標籤。增加html5文本框中的值不能正常工作

<input type="number" step="0.5" id="txbBid" data-bind="value: Bid" /> 
<input type="number" step="0.5" id="txbOffer" data-bind="value: Offer" /> 

只適用於chrome而且不能與任何其他web瀏覽器一起使用。有沒有其他的方式可以做到這一點(可能與java腳本),我也不喜歡數字功能,因爲即使我不點擊股票代碼,它有時會波動。

+1

我想,這是不是在最近所有的瀏覽器都支持這樣的JavaScript將是最好的主意,以實現這一目標 – anand4tech

+0

如何做到這一點在Java的任何想法腳本? – DoIt

回答

2

只需通過ID獲取元素並添加或抽取所需的值即可!

在這裏你ahve的HTML:

<input type="text" value="0" id="txbBid" data-bind="value: Bid" /> 
<input type="text" value="0" id="txbOffer" data-bind="value: Offer" /> 
<input type="button" onclick="add()" value="Add"> 
<input type="button" onclick="sustract()" value="Sustract"> 

這裏的JS。

var step = 1; 

function add(){ 
    document.getElementById('txbBid').value = parseInt(document.getElementById('txbBid').value) + step; 
} 

function sustract(){ 
document.getElementById('txbBid').value = 
parseInt(document.getElementById('txbBid').value) - step; 
} 

而且在JSbin運行代碼:http://jsbin.com/UGoLOSec/2/edit

+1

謝謝拉法,工作很好 – DoIt