Рассчитать несколько строк в форме jquery Dynami c

Question

Я попытался найти сумму нескольких строк форм jquery. Но не мог.

Ввод:

<input type="text" name="item_quantity[]" class="form-control item_quantity" " />

Jquery

$('input').keyup(function()
{ 
   var num  = Number($('#item_quantity').val());  
   var sum = 0;
   for(i=0; i<num.size(); i++)
   {
       sum += num;
       document.getElementById('total').value = sum;
   }
});

Выход:

Total: <span id="total"></span>

Answer 1

Вы выбираете по идентификатору: $('#item_quantity'), используя атрибут name. Вместо этого вы должны использовать селектор $('[name=item_quantity[]]').

Что-то вроде этого должно работать:

$('input').keyup(function()
{ 
   const $elements = $('[name=item_quantity[]]');
   let sum = 0;
   for (let i=0; i<$elements.size(); i++)
   {
       sum += Number($elements[i].val());
   }
   $('#total').html(sum);
});

Вы можете оформить этот ответ для получения дополнительной информации об этом селекторе.

Answer 2

$('input').keyup(function()
{ 
   var names=document.getElementsByName('item_quantity[]');
   var sum =0;
   for(key=0; key < names.length; key++)  
   {
      sum += Number(names[key].value);
      document.getElementById('total').value = sum;
   }
});