javascript - 空字段默认为 "0"

Question

输入字段:

<input name="qty1" id ="qty1" type="text" onblur="sum()"/>
<input name="qty2" id ="qty2" type="text" onblur="sum()"/>
<input name="qty3" id ="qty3" type="text" onblur="sum()"/>
<input name="qty4" id ="qty4" type="text" onblur="sum()"/>
<input name="total" id ="total" type="text"/>

Javascript:

<script type="text/javascript">
  function sum(){
      //grab the values
      qty1 = document.getElementById('qty1').value;
      qty2 = document.getElementById('qty2').value;
      qty3 = document.getElementById('qty3').value;
      qty4 = document.getElementById('qty4').value;
      document.getElementById('total').value = parseFloat(qty1) + parseFloat(qty2) + parseFloat(qty3) + parseFloat(qty4);
  }
  </script>

代码显示 4 个字段，用户可以在其中插入数字，第 5 个字段重新计算总数，例如:第一个字段 (qty1):1，第二个字段 (qty2):2，第 3 场(qty3):3，第 4 场(qty4):4，第 5 场(总计):10(1+2 +3+4 = 10)。

我想让这段代码对用户更友好，因此脚本会自动将空字段 视为0。当前，如果用户将字段留空，则总数显示为“NaN”

有什么建议吗？

谢谢，汤姆

Answer 1

如果值存在且是否为数字，则使用 isNaN 函数确定值，如果不存在，则分配默认值。

if(!isNan(qty4)){
    qty=0;
}