使用 jQuery 增加輸入類型編號的值

Question

我正在嘗試使用jQuery增加input type="number"元素的值。 但是，我目前擁有它，因此每次我按下添加按鈕時，它都會將 1 附加到該值上，這樣我就會得到一個類似1111等的值...

當它設置為type=text時，我能夠做得很好，但它並不理想，因為我試圖增加值，所以發生的所有事情都是將計數器附加到輸入框的值。 輸出是這樣的01 02 03 04 。

無論如何，目前我正在這樣做：

HTML

<input type="number" class="qty" id="book-qty"  disabled/>
<span class="add">ADD</span>

jQuery

var count = 0;
$('.minus').click(function () {

    if (count - 1 >= 0) {
        count = parseInt($(this).parent().find('#book-qty').val());
        count = count - 1;
    $(this).parent().find('#book-qty').val(count);
    } else {
        alert('Nothing to take away!');
    }
});
$('.add').click(function () {
    count = $(this).parent().find('#book-qty').val();
    count = count + 1;
    $(this).parent().find('#book-qty').val(count);
});

我有一個 jsFiddle 我在這里工作：

https://jsfiddle.net/javacadabra/L1sLr921/

有人知道嗎？

Answer 1

jsfiddle 演示

您需要將值解析為整數，否則它會被視為字符串，因此它將連接而不是加在一起。

count = parseInt($('#book-qty').val());

您還需要為您的輸入指定一個默認值，如 Mex 所述。

Answer 2

在輸入 type=number 上使用“value=0”將默認值設置為 0。

然后使用：

count = parseInt(count) + 1;

代替：

count = count + 1;