javascript - Noob Javascript 自动总计

Question

抱歉，我确信这是一个相当简单的 JavaScript 问题，但是每次将成本输入到表中时，如何获得以下总计函数来计算总计，即无需按总计按钮来提交表格。

function totalIt() {
  var qtys = document.getElementsByName("qty[]");
  var total=0;
  for (var i=1;i<=qtys.length;i++) {
    calc(i);  
    var price = parseFloat(document.getElementById("price"+i).value);
    total += isNaN(price)?0:price;
  }
  document.getElementById("total").value=isNaN(total)?"0.00":total.toFixed(2);                        
}      

http://jsfiddle.net/mplungjan/jDfFU/

Answer 1

如果qty字段是输入成本的地方，那么在您的设置代码中，只需将totalIt挂接到change(如果您想要立即反馈，可能还可能有输入)事件:

var qtys = document.getElementsByName("qty[]");
var i;
for (i = 0; i < qtys.length; ++i) {
    qtys[i].addEventListener("change", totalIt, false);
    qtys[i].addEventListener("input", totalIt, false);
}

在现代浏览器上，如果您 Hook input，则无需 Hook change；上面的内容只是允许旧版浏览器通过 Hook change 来防止它们不支持 input。