Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Собрать данные с input и умножить их данные построчно (https://javascript.ru/forum/misc/79829-sobrat-dannye-s-input-i-umnozhit-ikh-dannye-postrochno.html)

R.Titovich 30.03.2020 21:20

Собрать данные с input и умножить их данные построчно
 
Добрый вечер, коллеги!
Задался вопросом сложения чисел из 2х строчных input
for ($i = 1; $i <= 10; $i++) 
{
echo'<tr>
<td><input type="text" name="inputarticle" class="form-control" /></td>
<td><input type="text" name="inputname" class="form-control" /></td>
<td><input type="number" id="num'.$i.'" name="num'.$i.'" class="form-control" /></td>
<td><input type="number" id="dum'.$i.'" name="dum'.$i.'" class="form-control" /></td>
<td><input type="text" name="sum'.$i.'" id="sum'.$i.'" class="form-control" /></td>
</tr>';
}

$(document).ready(function() {
  sum1();
  $("#num1, #dum1").on("keydown keyup", function() {
    sum1();
  });
});
function sum1() {
  var num1 = document.getElementById('num1').value;
  var dum1 = document.getElementById('dum1').value;
  var result = parseInt(num1) * parseInt(dum1);
  var result1 = parseInt(dum1) * parseInt(num1);
  if (!isNaN(result)) {
    document.getElementById('sum1').value = result;
  }
}


Первую строку input`ы он у меня умножает и выводит в sum1, но у меня не хватает знаний как сделать чтобы и остальные input`ы перемножались и выводило значение в sum2, sum3, sum4 и т.д.

laimas 30.03.2020 21:35

id="num'.$i.'" name="num'.$i.'" - никогда не именуйте таким образом поля формы, уже если нумерация, то связывайте в группы поля номером как ключами.

А для расчета на клиенте не требуется id с добавками по номеру, достаточно обходить строки таблицы и оперировать полями в ней.

рони 30.03.2020 21:44

R.Titovich,

https://javascript.ru/forum/jquery/7...tml#post472155


Часовой пояс GMT +3, время: 07:32.