数字小键盘按钮可增加或减少文本区域的值

时间:2012-07-18 21:33:00

标签: jquery increment numeric decrement keypad

我有一个简单的数字键盘,按钮按预期工作。单击一个按钮,该编号将显示在文本区域中。

我的问题是在键盘上添加2个按钮会增加(+)或减少( - )文本区域中的数字。

请在此处查看演示http://jsfiddle.net/froze1906/cHPvx/

我需要添加什么来激活+和 - 按钮?

1 个答案:

答案 0 :(得分: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)
    }
})   

DEMO