jquery - スピナーのようなjqueryでtextinputの値をインクリメントする

Question

Jquery で単純なスピナー効果を作成しようとしています。つまり、テキスト フィールドを持つ 2 つのボタン (上下) です。上ボタンは値を増加させ、下ボタンは値を減少させます。ステップを + または - 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

Answer 3

たぶん次のようなもの：

$(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 );
  } );
} );