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（可能input，如果你想要立即反馈）事件：

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);
}

在现代浏览器中，如果您挂钩input，则无需挂钩change;上述内容仅允许挂钩change，以防他们不支持input。

Noob Javascript自动总计

1 个答案: