自动计算动态行的产品总价答案

【问题标题】：Auto calculate product total price for dynamical rows自动计算动态行的产品总价
【发布时间】：2018-10-31 16:36:42
【问题描述】：

我正在继续我几个月前提出的同一篇文章，但我得到了解决的问题。总数显示在或任何包含班级总数的单元格中。这是上一个已解决帖子的链接 Auto calculation not happening for dynamic rows 但现在我想用这样的文本框替换总数

<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() 函数我用tr.find('.total').val(t);替换了$('.total').html(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);

  }

【问题讨论】：

我已经用过class="total form-control"了。
发布你的 jQuery 代码，它正在做总计。
我已经更改了代码并在文本框中得到了总计，但是当我输入提前时没有得到如何计算到期。我已经更新了上面的 total() 函数

标签： php jquery mysqli

【解决方案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);

    }

【讨论】：