2013-05-30 88 views
0

我正在嘗試製作一個產品數量表格。增加或減少手機中的數量表格

它可以增加或通過觸摸(敲擊)按鈕減少量的形式...

但它很難讓jQuery腳本給我...誰能幫助我PLZ?

這裏是我的html代碼

<span><input type="text" name="minus" class="minus"></span> 
<span><input type="text" name="quantity" value="1" class="result"></span> 
<span><input type="text" name="plus" class="plus"></span> 
+1

我只是寫了一小段代碼來處理此功能。你可以參考http://stackoverflow.com/a/16827830/1378146 – JamesN

回答

1

我假設你想要的加號和減號選項是根據您的文章按鈕,而不是文字輸入。在這種情況下,你的HTML應該是這樣的:那麼

<span><input type="button" name="minus" class="minus"></span> 
<span><input type="text" name="quantity" id="quantity" value="1" class="result"></span> 
<span><input type="button" name="plus" class="plus"></span> 

您的JavaScript將是:

$('[name="minus"]').click(function() { 
    $('#quantity').val(parseInt($('#quantity').val()) - 1); 
}); 
$('[name="plus"]').click(function() { 
    $('#quantity').val(parseInt($('#quantity').val()) + 1); 
});