使用JavaScript修改表单值：增减数量按钮报错排查

看起来你遇到的是函数未被全局识别的问题，加上代码里还有一些jQuery用法的小疏漏，我帮你一步步梳理解决办法：

• 确保函数在全局作用域定义
  很多时候这个错误是因为函数被放在了局部作用域里（比如$(document).ready()的闭包内），导致HTML里的onclick事件找不到它。要把incrementQty和decrementQty放在全局作用域下：

  <script type="text/javascript">
  // 全局作用域下定义函数
  function decrementQty(id) {
    var qtyInput = $('#' + id);
    var val = parseInt(qtyInput.val()); // 改用jQuery的.val()方法，不是.getValue()
    if (val > 1) { // 用>1更严谨，避免数量变成负数
      qtyInput.val(val - 1);
    }
  }
  
  function incrementQty(id) {
    var qtyInput = $('#' + id);
    var val = parseInt(qtyInput.val());
    // 可选：添加数量上限限制，比如最多99
    if (val < 99) {
      qtyInput.val(val + 1);
    }
  }
  </script>
  

• 修正jQuery取值/赋值的错误
  你代码里写的$('#' + id).getValue()是错误的，jQuery获取输入框值的方法是.val()，赋值也是通过.val(新值)来完成，这也是可能导致函数执行异常的原因。

• 确认HTML调用逻辑正确
  要保证按钮的onclick属性正确传递了输入框的ID，同时用javascript:void(0)防止点击链接时页面跳转：

  <a href="javascript:void(0)" onclick="decrementQty('qty-123')">-</a>
  <input type="number" id="qty-123" value="1" min="1">
  <a href="javascript:void(0)" onclick="incrementQty('qty-123')">+</a>
  

  注意这里的IDqty-123要和输入框的id完全匹配，动态生成的ID也要确保传递正确。

• 排查语法错误
  你贴的代码里decrementQty函数没写完（比如document.getElem...），要确保所有函数的括号、花括号都闭合，没有语法错误——语法错误会直接导致函数定义失败，自然会提示“未定义”。

如果还是有问题，可以打开浏览器开发者工具（F12），在Console面板手动调用incrementQty('你的输入框ID')，看看能不能执行，这样能快速定位是函数本身的问题还是调用环节的问题。

内容的提问来源于stack exchange，提问作者user1155594