Как подставить данные из input в соответствующие ячейки в таблице?

Нужно заполнить таблицу данными из соответствующих input, посчитать итоговую сумму в строке. Посчитать ИТОГО для всех строк с учётом бонусов и их количества.
Пробовал так:
$(document).on('change', '.form_2 .input-box input', function () {
		var currindex = $(this).parent().parent().index();
    
		var lastname = $('#lastname').val();
		$('.row').eq(currindex).find('.lastname').html(lastname);

		var name = $('#name').val();
		$('.row').eq(currindex).find('.name').html(name);

		var sum = $('#sum').val();
		$('.row').eq(currindex).find('.sum').html(sum);

		var quant = $('#quant').val();
		$('.quant').html(quant);

		$('.row').each(function () {
			var rowsum = $(this).find('.sum').html();
			var rowquant = $(this).find('.quant').html();
			var rowtotal = rowsum * rowquant;
			$(this).find('.total').text(rowtotal);
		});
});


Когда добавляю ещё инпуты и записываю в них значения, в новую строку таблицы идут значения из первой строки с инпутами.

На codepen:
  • Вопрос задан
  • 117 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы