jquery - jQuery：如果值等于 0，则停止递减文本框值

Question

我有的：

我有一个只读文本框和两个链接。第一个链接将文本框的值增加 1，而第二个链接将值减少 1。

我需要的：

我需要文本框值在零处停止递减（我不想要负数）。

我的代码：

jQuery：

jQuery(".increment").on('click',function(){
    jQuery(this).next(".amount input").val(parseInt(jQuery(this).next(".amount input").val())+1);
});

jQuery(".decrement").on('click',function(){
    jQuery(this).prev(".amount input").val(parseInt(jQuery(this).prev(".amount input").val())-1);
});

注意：使用 .next 和 .prev 是因为我有多个文本框。

HTML：

<!--This block of code is occurs more than once.-->
<td class="amount">
    <a href="#" class="increment"></a>
    <input type="text" readonly="readonly" value="0" />
    <a href="#" class="decrement"></a>
</td>

一个松散的猜测：

...关于递减...

// open onclick code here

    if (jQuery(this).prev(".amount input").val != "0"){

        // decrement code here

    }

// close onclick code here

资源：

我的工作代码仿照这个 Stack Overflow 答案：https ://stackoverflow.com/a/12209831/835950

...为方便起见，存在小提琴：http: //jsfiddle.net/iMaverick/S3PLG/2/

Answer 1

演示

$("#down").on('click',function(){
    var value = (parseInt($("#incdec input").val() , 10) - 1);
    $("#incdec input").val((value-1) < 0 ? 0 :(value -1));
});

Answer 2

几乎：

$(document).ready(function() {
    var $textbox = $("#incdec input");

    $("#up").click(function(){
        var value = parseInt($textbox.val(), 10);

        $textbox.val(value + 1);
    });

    $("#down").click(function(){
        var value = parseInt($textbox.val(), 10);

        if (value > 0) {
            $textbox.val(value - 1);
        }
    });
});

HTML5 还包括一个<input type="number">元素：

<input type="number" min="0" value="1" />