JavaScript表单计算返回NAN

Question

我有一个订单表格和一个JavaScript，该表格应该从文本框（数量*价格），复选框和收音机中计算总数，但是我缺少一些东西，因为我会收到NAN错误。有人可以帮我解决吗？非常感谢。

demo

Answer 1

就像许多人所说的那样，您的代码有一些严重的短暂作用。我不会重新提出这些问题，但是，它们非常重要，您应该学习，因为您越来越熟悉所使用的技术。

您获得 nan 的原因。您的字段对象是一个数组。您的代码以任意索引填充字段数组，即字段[F] = 0 ;

当您填充索引的数组时，例如5，您的代码会执行此字段[5] = 0 ;。在此语句中，您可以从拥有一个空数组 [] 到具有6个条目的数组，其中前5个条目被默认为未定义的 [未定义，未定义，未定义，未定义，未定义，未定义，未定义，未定义，，，，未定义0] 。

现在在代码中稍后进行总结并添加阵列条目（使用已准备好字符串）这些 ...未定义 0 0 undefined 8 ... 正在生产不是数字错误。

相反，防止这种情况的一种方法是推送条目到字段数组中，例如：

if (userInputs[f].value)
{
  fields.push(userInputs[f].value);
}
else
{
  fields.push(0);
}

推动将在数组的末端添加一个条目。 [] 如果您 push（0）。