How get total sum from input box values using Javascript?

by

Try:

Qty1 : <input onblur="findTotal()" type="text" name="qty" id="qty1"/><br>
Qty2 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty3 : <input onblur="findTotal()" type="text" name="qty" id="qty3"/><br>
Qty4 : <input onblur="findTotal()" type="text" name="qty" id="qty4"/><br>
Qty5 : <input onblur="findTotal()" type="text" name="qty" id="qty5"/><br>
Qty6 : <input onblur="findTotal()" type="text" name="qty" id="qty6"/><br>
Qty7 : <input onblur="findTotal()" type="text" name="qty" id="qty7"/><br>
Qty8 : <input onblur="findTotal()" type="text" name="qty" id="qty8"/><br>
<br><br>
Total : <input type="text" name="total" id="total"/>


    <script type="text/javascript">
function findTotal(){
    var arr = document.getElementsByName('qty');
    var tot=0;
    for(var i=0;i<arr.length;i++){
        if(parseInt(arr[i].value))
            tot += parseInt(arr[i].value);
    }
    document.getElementById('total').value = tot;
}

    </script>

More Related Contents:

  1. Sum of two numbers with prompt
  2. Sum all the digits of a number Javascript
  3. How can I sum properties from two objects?
  4. How to code a calculator in JavaScript without ‘eval’
  5. Sum values from an array of key-value pairs in JavaScript
  6. How can I create an option element using javascript and set it’s value [duplicate]
  7. How to set ‘X-Frame-Options’ on iframe?
  8. How can I make a div stick to the top of the screen once it’s been scrolled to?
  9. Changing CSS Values with Javascript
  10. What is an unhandled promise rejection?
  11. How to create a jQuery function (a new jQuery method or plugin)?
  12. What does three dots do in ReactJS [duplicate]
  13. Opening PDF String in new window with javascript
  14. Download a div in a HTML page as pdf using javascript
  15. Calling javascript function in iframe
  16. How to store a javascript function in JSON
  17. Accessing JSON object keys having spaces [duplicate]
  18. Event listener for when element becomes visible?
  19. execCommand() is now obsolete, what’s the alternative?
  20. Can’t access cookies from document.cookie in JS, but browser shows cookies exist
  21. How can I make an AngularJS directive to stopPropagation?
  22. get the text content from a contenteditable div through javascript
  23. How to destructure an object to an already defined variable? [duplicate]
  24. Accessing event.target inside callback in react
  25. Passing mouse clicks through an overlaying element
  26. How to just create an user in Firebase 3 and do not authenticate it?
  27. How to resize Twitter Bootstrap modal dynamically based on the content
  28. Is there a function, like componentWillUnmount, that will fire before the page is refreshed
  29. Determining Date Equality in Javascript
  30. pipe() and then() documentation vs reality in jQuery 1.8

Leave a Comment