使用像spinner这样的jquery增加textinput的值

尝试使用Jquery创建一个简单的微调器效果，即带有文本字段的两个按钮（向上和向下）。 向上按钮增加值，而向下按钮减小值。 递增步骤+或 – 1。

作为ui.spinner的任何建议都是最明确的。 不工作，我是jquery的新手。 发霉的东西就像$(#up).click (function ( /*SOMETHING GOES IN HERE but what?*/ ))以及#down。 两者都设置调整输入文本字段如上所述id #test。

Answer 1

也许是这样的：

 $(document).ready( function() { var el = $('#test'); function change( amt ) { el.val( parseInt( el.val(), 10 ) + amt ); } $('#up').click( function() { change( 1 ); } ); $('#down').click( function() { change( -1 ); } ); } ); 

Answer 2

演示： http ： //jsbin.com/akiki

 + -   

Answer 3

看看这个演示 – 我发现这是我尝试过的最好的

特别是如果你使用jquery ui主题

http://btburnett.com/spinner/example/example.html

Answer 4

使用@rfunduk的基本代码，我创建了这个：

 $(document).ready( function() { var el = $('#quantity_wanted'); function change( amt ) { if (el.val() == '') { var newValue = 1; } else { var newValue = parseInt( el.val(), 10 ) + amt; } if (newValue > 0) { el.val( newValue ); } } $('#cart_quantity_up').click( function() { change( 1 ); } ); $('#cart_quantity_down').click( function() { change( -1 ); } ); } );