1

我无法让我的 javascript 计算适用于购物车。

除了带有“price-”和“qty-”id 的那些之外，我的 HTML 部分还有许多其他输入元素。不知何故，我猜另一个输入元素弄乱了数组。样本：

<input type="hidden" id="price-1" value="10.50"/>
<input type="hidden" id="qty-1" value="1"/>
<input type="hidden" id="shipFee-1" value="4.00"/>
<input type="hidden" id="tax-1" value="0.70"/>

<input type="hidden" id="price-2" value="19.20"/>
<input type="hidden" id="qty-2" value="2"/>
<input type="hidden" id="shipFee-2" value="4.00"/>
<input type="hidden" id="tax-2" value="1.30"/>

我希望它提醒（价格*数量）的总数为“48.9”。这是有问题的javascript部分：

var inputs=document.getElementsByTagName('input'),
    total = 0, 
    price = new Array(), 
    qty = new Array();

for (var i = 0 ; i < inputs.length ; i++) {
  if (inputs[i].id.indexOf('price-') == 0) {
    price[i] = parseFloat(document.getElementById(inputs[i].id).value);
    alert(price[i]); //alert result: 10.5 and 19.2
  }
  if (inputs[i].id.indexOf('qty-') == 0) {
    qty[i] = parseInt(document.getElementById(inputs[i].id).value);
    alert(qty[i]); //alert result: 1 and 2
  }
}

alert(price.length); //alert result: 5
alert(qty.length); //alert result: 6

for (i = 0 ; i < price.length ; i++) {
  total = total + price[i] * qty[i];
}
alert (total); //alert result: NaN
4

2 回答 2

0

没关系，我在发布这个问题 10 分钟后找到了答案。我现在感觉自己像个白痴==;
我需要为数组使用新变量而不是“i”，因为它用于输入元素数组。

var inputs=document.getElementsByTagName('input'),
    total = 0, 
    price = new Array(), 
    qty = new Array(),
    j = 0, k = 0;

for (var i = 0 ; i < inputs.length ; i++) {
  if (inputs[i].id.indexOf('price-') == 0) {
    price[j] = parseFloat(document.getElementById(inputs[i].id).value);
    j++;
  }
  if (inputs[i].id.indexOf('qty-') == 0) {
    qty[k] = parseInt(document.getElementById(inputs[i].id).value);
    k++;
  }
}

for (i = 0 ; i < price.length ; i++) {
  total = total + price[i] * qty[i];
}
alert (total); //alert result: 48.9
于 2013-01-29T03:39:53.480 回答
0

您正在基于“i”循环计数器构建价格数组。10.50 进入 price[0]，随之而来的 1 的数量被放入 qty[1]，然后 i 遍历值 2 和 3，而数组没有变化。然后当 i=4 时，price[4] 得到 19.20，然后 qty[5] 得到 2，然后下一次。

结果数组看起来像

price[0] = 10.5, price[4] = 19.20
qty[1] = 1, qty[5] = 2

当您循环最后一次尝试等数学时，您实际上是在这样做：

// i = 0
total = total + price[0] * qty [0] // price[0] = 10.50, but qty[0] = undefined, so total = Nan

// i = 1
total = total + price[1] * qty [1] // price[1] = undefined, qty[1] 1, so total = Nan

// etc.

说得通？

于 2013-01-29T03:43:31.000 回答