Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Total of values in multiple textbox.

    @pushpendra.rawat
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 582
    Comment on it

    The code below will help, how one can use selector "class" to sum all the values in different input box in a Form.

    1. <pre>&lt;pre&gt;&amp;lt;pre&amp;gt;&amp;amp;lt;script language="javascript"&amp;amp;gt;
    2.  
    3.     function sumupall(className, div){
    4.  
    5.         var elements = document.getElementsByClassName(className);
    6.         var sum = 0;
    7.  
    8.         for(var i = 0; i &amp;amp;lt; elements.length; ++i){
    9.  
    10.             sum += parseInt(elements[i].value);
    11.  
    12.         }
    13.  
    14.         document.getElementById('totalsum').innerHTML = "Total : " + sum;
    15.     }
    16. &amp;amp;lt;/script&amp;amp;gt;
    17. &amp;amp;lt;input type="text" name="box1"  class="textbox" value="2" /&amp;amp;gt;&amp;amp;lt;br /&amp;amp;gt;
    18. &amp;amp;lt;input type="text" name="box2"  class="textbox" value="-3" /&amp;amp;gt;&amp;amp;lt;br /&amp;amp;gt;
    19. &amp;amp;lt;input type="text" name="box3"  class="textbox" value="-3" /&amp;amp;gt;&amp;amp;lt;br /&amp;amp;gt;
    20. &amp;amp;lt;input type="text" name="box4"  class="textbox" value="8" /&amp;amp;gt;&amp;amp;lt;br /&amp;amp;gt;
    21. &amp;amp;lt;input type="submit" name="sum" id="sum" value="Total" onclick="sumupall('textbox', 'totalsum')" /&amp;amp;gt;&amp;amp;lt;br /&amp;amp;gt;
    22.  
    23. &amp;amp;lt;div id="totalsum"&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt;
    24. &amp;lt;/pre&amp;gt;
    25. &lt;/pre&gt;
    26. </pre>
    Calculate the total using selector "class" in javascript
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: