jquery输入数字

Question

可能重复:
是否可以使用+ - 按钮自定义金额的输入字段？

如何为...添加+(加号)和 - (减号)值按钮

<input type="number" class="numbertype" value="10"> ？

我认为可以使用jQuery或简单的javascipt,但我不知道如何...

我想做这样的事情:

当你按下+按钮时,1的值会更大(0,12,3,4,5,6 .... 10000)

按下按钮时,值将小于1(10,9,8,7,6,5,4 ... 0)

Answer 1

$("#minus,#plus").click(function(){
    var value = parseInt($(".numbertype").val(), 10);
    $(".numbertype").val(value + $(this).is("#minus") ? -1 : 1);
});

我只是想看看自己该怎么做.这是一个将继续按下鼠标的切换:

var i = null;
var d = 0;
var $numbertype = null;

function ToggleValue() {
    $numbertype.val(parseInt($numbertype.val(), 10) + d);
}

$(function() {
    $numbertype = $(".numbertype");

    $("#minus,#plus").mousedown(function() {
        d = $(this).is("#minus") ? -1 : 1;
        i = setInterval(ToggleValue, 100);
    });

    $("#minus,#plus").on("mouseup mouseout", function() {
        clearInterval(i);
    });
});

工作实例:http://jsfiddle.net/M4BAt/5/