複数のテキストボックスのjavascript

Question

私はこれらのそれぞれに対して、名前qty1-10、price1-10、およびtotal1-10の10個のテキストボックスを持っています。私がやっているすべては、これは私の現在のコード..です

をqty1 + price1 = TOTAL1、qty2 + price2 = TOTAL2などの値を加算している -

function Add() 
    { 
    var qty1 = document.getElementById('qty1').value; 
    var u_price1 = document.getElementById('price1').value; 
    if (qty1 == "") { 
     if (u_price1 == "") { 
      document.form1.total1.value = "null"; 
      return; 
      } 
     document.form1.total1.value = "null"; 
     return; 
     } 
    else 
    { 
     document.form1.total1.value = Number(qty1) + Number(u_price1); 
    }  
    } 

は今、私はそのループのために書きたいです同じコードを使用しますが、qty1からqty2などの名前を変更します。

Answer 1

あなたはそれらのテキストボックスにクラスを割り当て、その後、あなたはループのために適用し、ループ内のコードを実行することができた上でテキストボックスの配列を取得します

var arr = document.getElementByClassName('classname')

を行うことができます。

今55パーセント件まで、

Answer 2

パラメータとして必要なグループ化のIDを渡します。次に、関数をループで呼び出すことができます。

function Add(ID) { 
    var qty1 = document.getElementById('qty'+ID).value; 
    var u_price1 = document.getElementById('price'+ID).value; 
    ... 
}