автоматически вычисляет общее значение с помощью jQuery

Question

Я хочу рассчитать сумму чисел, которые пользователь ввел автоматически. Когда пользователь удаляет один номер, сумма должна автоматически вычисляться. Как рассчитать сумму значений массива с помощью jquery.Пожалуйста, помогите мне решить Эта проблема.

$(document).ready(function(){ 
    $('.form-control').change(function(){ 
     var total = 0; 
     $('.form-control').each(function(){ 
      if($(this).val() != '') 
      { 
       totalvalue += parseInt($(this).val()); 
      } 
     }); 
     $('#totalvalue').html(totalvalue); 
    }); 
})(jQuery); 

<h2 style="text-align:center;">INVOICE</h2>   

     <form id='students' method='post' name='students' action='index.php'> 
       <div class="table-responsive"> 
        <table class="table table-bordered"> 
         <tr> 
          <th><input class='check_all' type='checkbox' onclick="select_all()"/></th> 
          <th>S. No</th> 
          <th>Job ID</th> 
          <th>Quantity</th> 
          <th>Price</th> 
          <th>Total Price</th> 
         </tr> 
         <tr> 
          <td><input type='checkbox' class='case'/></td> 
          <td><span id='snum'>1.</span></td> 
          <td><input class="form-control" type='text' id='txt_jobid' name='txt_jobid[]'/></td> 
          <td><input class="form-control" type='text' id='txt_quantity' name='txt_quantity[]'/></td> 
          <td><input class="form-control" type='text' id='txt_price' name='txt_price[]'/></td> 
          <td><input class="form-control" type='text' id='txt_totalprice' name='txt_totalprice[]'/> </td> 
         </tr> 
        </table> 
        <button type="button" class='btn btn-danger delete'>- Delete</button> 
        <button type="button" class='btn btn-success addmore'>+ Add More</button> 
       </div> 
      </form>  Total: <div id="totalvalue">0</div>   

ВВЕСТИ ФОРМА

 </form> 

Answer 1

Иногда вы использовали total и иногда totalValue. Назовите переменные одинаковыми. И удалите (jQuery) в конце. Это неправильно.

$(function() { 
    $('.form-control').change(function() { 
     var total = 0; 

     $('.form-control').each(function() { 
      if($(this).val() != '') 
       total += parseInt($(this).val()); 
     }); 

     $('#totalvalue').html(total); 
    }); 

    // trigger initial calculation if wanted 
    .change(); 
}); 

Пример: https://jsfiddle.net/0zpkow5L/
Начальный расчет: https://jsfiddle.net/0zpkow5L/1/

Полный рабочий пример кода: https://jsfiddle.net/0zpkow5L/8/