javascript для нескольких текстовых полей

Question

У меня есть 10 текстовых полей для имени qty1-10, price1-10 и total1-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')

вы получите массив текстовое поле, на котором вы можете применить для цикла, а затем выполнить свой код в цикле.

(я не пишу код, потому что его основы JavaScript, которые вы должны сделать самостоятельно)

Answer 2

Передайте идентификатор группы, которую вы хотите в качестве параметра. Затем вы можете вызвать функцию в цикле.

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