Как выполнить расчет в HTML-таблице, которая создается на основе входных значений с использованием JavaScript

Question

Моя проблема заключается в том, как выполнить вычисление в таблице, которая создается на основе входных значений (т.е. строки создаются на основе входных значений, если я задаю 5, это означает, что будут созданы пять строк).В этой таблице у меня есть столбец «сумма», столбец суммы этой таблицы заполняется автоматически, если мне нужно добавить всю сумму и отображается в текстовом поле итога.если я внес какие-либо изменения в этот столбец, итоговое значение также рассчитывается на основе данных, указанных в этом столбце.

на этих рисунках показывает, таблицасоздается на основе значений "no.of dues". Столбец суммы заполняется автоматически, это значение из значений "надлежащей суммы".если вы хотите вычислить всю сумму в этой таблице, вы увидите сумму суммы в текстовом поле «итого».

    <script type="text/javascript">
  $(function(){
  $('#txtDate, #follow_Date, .ND').keyup( function () {

    // Clear rows
    var trLength = $('body #appendRows tr').length;
    for (var i = 1; i <trLength; i++) {
      $('#appendRows tr:nth-child(2)').remove();
    }

    var val = (!$(".ND").val()) ? 1 : val = $(".ND").val();
    var m  =  $("#follow_Date").val();
    var j = $("#TDAmt").val();
    var total = val * j;

   // $("#SchTotal").val(total);
    var k = document.getElementById('txtDate').value;

    var currentDate = moment(k); 

    for (var i = 0, len = val; i < val; ++i) {
      var newdate = currentDate.add(parseInt(m), 'days');
      var html = $("#appendRows tr:first-child").clone();
      html.find("input").val("");
      html.find('input[name^="Sno"]').val(i+1);
      html.find('input[name^="Amount"]').val(j);
      // I format this to make it clear
      html.find('input[name^="Date"]')
          .val(newdate.format('DD/MM/YYYY'));
      $('#appendRows').append(html);
    }

    // Remove that first row
    $("#appendRows tr:first-child").remove();
  });

});
</script>

Это код сценария Java для создания таблицы.

Answer 1

Насколько я понимаю, вы хотите получить сумму значений и добавить ее в текстовое поле.

 var sum = 0;
    $("input[name="Amount"]").each(function(){
        sum += $(this).val();
    });
 $("#TextBoxId").val(sum);// id selector for text box

NOTE- Держите ее вне цикла for