多行表单数量总计javascript

Question

我有一个9行表格，每个有3个字段QTY，使用次数&总计使用java脚本，我将获得第一个字段来正确填充总数，但我需要知道如何在额外的8行上进行相同的数学运算。

简单地将每行设置为(qty x nos = total)

下面是第一行的代码:

function calculatePrice(){
    //Get selected data  
    var qty = document.getElementById("QTYps1").value;
    var nos = document.getElementById("numbofs1").value;
    //convert data to integers
    qty = parseInt(qty);
    nos = parseInt(nos);
    //calculate total value  
    var total = qty * nos;
    //print value to total 
    document.getElementById("totalQTY1").value=total;
} 

Answer 1

我想你已经用递增的id声明了你的字段。试试下面的代码:

function calculatePrice(){
  for (var i=1; i<20;i++){
    if (document.getElementById("QTYps"+i)){ // check it exists
      //Get selected data  
      var qty = document.getElementById("QTYps"+i).value;
      var nos = document.getElementById("numbofs"+i).value;
      //convert data to integers
      qty = parseInt(qty);
      nos = parseInt(nos);
      //calculate total value  
     var total = qty * nos;
     //print value to total 
      document.getElementById("totalQTY"+i).value=total;
    }
  }
}