Автоматическое вычисление итоговой цены товара для динамических рядов

Question

Я продолжаю ту же запись, которую я поднял несколько месяцев назад, но я получил разрешение. Там отображается общее количество или любая ячейка, которая содержит общее количество классов. Вот ссылка на предыдущий разрешенный пост Автоматический расчет не выполняется для динамических строк Но теперь я хочу заменить сумму на текстовое поле, как это

<input type="text" id="total" name="total" class="total form-control" />

Но когда я изменяю это на текстовое поле, это не показывает никакого результата.

После отображения итогов, пользователь вводит сумму платежа, затем в последней строке я должен отобразить разницу общей суммы и суммы оплаты. Для этого я создал 2 текстовых поля

<input type="text" id="advanced" name="advance" class="advanced form-control" />
    <input type="text" id="due" name="due" class="due form-control" />

И я изменил скрипт таким образом, в функции total () я заменил $('.total').html(t) на tr.find('.total').val(t);

Может ли кто-нибудь помочь мне, где я делаю неправильно ОБНОВЛЕНО

function total() {
    var t = 0;
    $('.amount').each(function(i, e) {
      var amt = $(this).val() - 0;
      t += amt;
      //tr.find('.total').val(t);

    });


     $(".total").val(t);

  }

Answer 1

Вы можете рассчитать с помощью функции jquery. Я принял ввод для всего.

    <input type="text" id="total" name="total" class="form-control total"  value="5600"/>

    <input type="text" id="advanced" name="advance" class="advanced form-control" onchange="adjustAdvance();"/>
    <input type="text" id="due" name="due" class="due form-control" />

        function total() {
        var t = 0;
        $('.amount').each(function(i, e) {
          var amt = $(this).val() - 0;
          t += amt;
          //tr.find('.total').val(t);

        });


         $(".total").val(t);

      }      

    function adjustAdvance() {
        var total = $(".total").val();
        var advanced = $("#advanced").val();

        console.log(total + "  " + advanced);

        var due = parseFloat(total) - parseFloat(advanced);

        $("#due").val(due);

    }