JavaScript中parseInt始终返回0，数值计算异常求助

我以span作为文本展示容器，想要基于两个span的文本内容与input输入值进行数值计算，但编写的JavaScript代码中，alert输出的offerUG始终为0。

代码示例 #

JavaScript代码

function ValidateFormFTTX(ApproveRejectSave) {

  var acceptedUG = parseInt($('#FEUGLEG_txtReadOnlyAccepted').text());
  var TotalUG = parseInt($('#FEUGLEG_txtReadOnly').text());
  var offerUG = parseInt($('#FEUGLEG_txt').val());

  alert(offerUG);

  var calculatedUG = (parseFloat(TotalUG) + parseFloat(offerUG).toFixed(4));

}

HTML代码

<td class="tdWidth disableField">
  <span id="FEUGLEG_txtReadOnly" class="text-center"></span>
</td>

<td class="tdWidth disableField">
  <span id="FEUGLEG_txtReadOnlyAccepted" class="text-center"></span>
</td>

<td class="tdWidth"><input id="FEUGLEG_txt" type="text" class="text-center" value="0" onkeypress="return isNumberKey(event, this);" maxlength="6" /></td>

排查与解决方法 #

• 确认函数触发时机：检查ValidateFormFTTX函数的调用时机，确保是在用户修改input值之后触发（比如表单提交按钮点击时），而不是页面刚加载就执行——此时input还保持默认的0值。
• 修复数值计算的语法错误：原代码中parseFloat(offerUG).toFixed(4)存在问题：toFixed()会返回字符串，直接和parseFloat(TotalUG)相加会变成字符串拼接，而非数值相加。正确的写法应该是先完成数值相加，再对结果保留小数：

  var calculatedUG = (parseFloat(TotalUG) + parseFloat(offerUG)).toFixed(4);
  

• 处理空值/非数字场景：span的文本内容可能为空，parseInt解析空字符串会返回NaN，进而影响后续计算。可以给解析操作添加默认值，避免NaN：

  var acceptedUG = parseInt($('#FEUGLEG_txtReadOnlyAccepted').text()) || 0;
  var TotalUG = parseInt($('#FEUGLEG_txtReadOnly').text()) || 0;
  var offerUG = parseInt($('#FEUGLEG_txt').val()) || 0;
  

• 验证选择器唯一性：检查页面中是否存在多个id为FEUGLEG_txt的元素，确保选择器能精准定位到目标input。
• 调试原始值：在获取offerUG前，先打印input的原始值，确认是否正确获取到用户输入：

  console.log('input当前值:', $('#FEUGLEG_txt').val());
  var offerUG = parseInt($('#FEUGLEG_txt').val()) || 0;
  alert(offerUG);
  

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