Adding Within Each Loop Jquery

Question

I have the below

$('.amount2').on("input", function() {
  var total = 0;
  var i = 0;
  $('#manifest-table25 .amount2').each(function() {

    total += $('#id_form-'+(i)+'-Amount').val();
    i++;
  })
  
  $('#id_InvoiceTotal').val(total);
});

What is confusing me is that when I enter the value 5 into the input I would expect for the total to equal 5, instead it shows on the UI as 05. How do I remove the leading zero/any thoughts on what is causing it? It is an integerfield in the model not charfield.

Please make / add minimal reproducible example it is helping us help you, its faster for everyone if we don't have to write it our-self to test things out. Use <> button in editor to make a snippet. You will increase a chance for fast help by a lot... — ikiK
– ikiK, Commented Aug 10, 2020 at 22:31

Obzi · Accepted Answer · 2020-08-10 22:37:22Z

2

$.val() return a string.
You need to parse it into an integer or a float before doing some math:

$('.amount2').on("input", function() {
  var total = 0;
  var i = 0;
  $('#manifest-table25 .amount2').each(function() {
    total += parseInt($('#id_form-'+(i)+'-Amount').val());
    i++;
  })
  
  $('#id_InvoiceTotal').val(total);
});

answered Aug 10, 2020 at 22:37

Obzi

2,3901 gold badge12 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding Within Each Loop Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related