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

Posted 2023-03-21

【中文标题】用于增加或减少文本区域值的数字键盘按钮

【英文标题】：Numeric keypad buttons to increase or decrease value of text area

【发布时间】：2012-07-18 21:32:59

【问题描述】：

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

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

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

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

【参考方案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

【讨论】：

如果我需要将输入的默认值设置为空或空白怎么办？