HTML - 如何在HTML页面上创建增量/减量文本框？

Question

如何使用jquery或Javascript在HTML页面中创建增量/减量文本框 ....

而且我想设置最大值和最小值....

如何实现这一目标？

Answer 1

简单:)

HTML:

<div id="incdec">
    <input type="text" value="0" />
    <img src="up_arrow.jpeg" id="up" />
    <img src="down_arrow.jpeg" id="down" />
</div>

Javascript(jQuery):

$(document).ready(function(){
    $("#up").on('click',function(){
        $("#incdec input").val(parseInt($("#incdec input").val())+1);
    });

    $("#down").on('click',function(){
        $("#incdec input").val(parseInt($("#incdec input").val())-1);
    });

});

Answer 2

你试过input type="number"吗？

Answer 3

看看这里。我也用过。

数字向上向下输入 jquery