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

Теперь я хочу написать цикл for, который будет использовать тот же код, но изменить имена с 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; 
    ...
}