使用像微调器一样的jquery增加textinput的值

Question

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

作为ui.spinner的任何建议都是最明确的.不工作,我是jquery的新手.$(#up).click (function ( /*SOMETHING GOES IN HERE but what?*/ ))对于#down而言,霉味 也是如此.两者都设置调整输入文本字段如上所述id #test.

Answer 1

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

<button id="inc">+</button>
<button id="dec">-</button>
<input type="text" name="qty" value="0" />

<script type="text/javascript">
  $(function(){
    $("#inc").click(function(){
      $(":text[name='qty']").val( Number($(":text[name='qty']").val()) + 1 );
    });
    $("#dec").click(function(){
      $(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );
    });
  });
</script>

Answer 2

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

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

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