jquery - テキスト領域の値を増減するための数字キーパッドボタン

Question

期待どおりに機能するボタンが付いたシンプルなテンキーがあります。ボタンをクリックすると、その番号がテキスト領域に表示されます。

私の質問は、テキスト領域の数を（+）増加または（-）減少させる2つのボタンをキーパッドに追加することに関するものです。

こちらのデモをご覧ください。http：//jsfiddle.net/froze1906/cHPvx/

+ボタンと-ボタンをアクティブにするには何を追加する必要がありますか？

Answer 1

次のことを試してください。

$('.dec').click(function(){
    var val = parseInt($('#number_field').val(), 10);
    if (val != 0) {
      $('#number_field').val(val - 1)
    }
})

$('.inc').click(function(){
    var val = parseInt($('#number_field').val(), 10);
    if (val != 4) {
      $('#number_field').val(val + 1)
    }
})   

デモ