jasmeet Posted January 19, 2014 Share Posted January 19, 2014 hi, i am not gud in ajax. i have this code... <html> <head> <title>Sum Html Textbox Values using jQuery/JavaScript</title> <style> body { font-family: sans-serif; } #summation { font-size: 18px; font-weight: bold; color:#174C68; } .txt { background-color: #FEFFB0; font-weight: bold; text-align: right; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </head> <body> <table width="300px" border="1" style="border-collapse:collapse;background-color:#E8DCFF"> <tr> <td width="40px">1</td> <td>Butter</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>2</td> <td>Cheese</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>3</td> <td>Eggs</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>4</td> <td>Milk</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>5</td> <td>Bread</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>6</td> <td>Soap</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr id="summation"> <td> </td> <td align="right">Sum :</td> <td align="center"><span id="sum">0</span></td> </tr> </table> <script> $(document).ready(function(){ //iterate through each textboxes and add keyup //handler to trigger sum event $(".txt").each(function() { $(this).keyup(function(){ calculateSum(); }); }); }); function calculateSum() { var sum = 0; //iterate through each textboxes and add the values $(".txt").each(function() { //add only if the value is number if(!isNaN(this.value) && this.value.length!=0) { sum += parseFloat(this.value); } }); //.toFixed() method will roundoff the final sum to 2 decimal places $("#sum").html(sum.toFixed(2)); } </script> </body> </html> ..........................from net. this will add all the input fields and give us the total of it. but i want one more input field in which when i put some value . then, total amount should be subtracted from it and gives the result.. can anyone give me some suggestions.... please ????? thanks. Quote Link to comment https://forums.phpfreaks.com/topic/285483-add-some-field-and-then-subtract-using-ajax/ Share on other sites More sharing options...
Solution Ch0cu3r Posted January 19, 2014 Solution Share Posted January 19, 2014 (edited) Add a subtract field and then subtract its value from the total in calculateSum http://jsfiddle.net/ExBhk/1/ Edited January 19, 2014 by Ch0cu3r Quote Link to comment https://forums.phpfreaks.com/topic/285483-add-some-field-and-then-subtract-using-ajax/#findComment-1465744 Share on other sites More sharing options...
.josh Posted January 19, 2014 Share Posted January 19, 2014 also, nothing in your posted code is ajax. Quote Link to comment https://forums.phpfreaks.com/topic/285483-add-some-field-and-then-subtract-using-ajax/#findComment-1465792 Share on other sites More sharing options...
jasmeet Posted January 20, 2014 Author Share Posted January 20, 2014 (edited) Add a subtract field and then subtract its value from the total in calculateSum http://jsfiddle.net/ExBhk/1/ hi,, thankew very much.... Edited January 20, 2014 by jasmeet Quote Link to comment https://forums.phpfreaks.com/topic/285483-add-some-field-and-then-subtract-using-ajax/#findComment-1465834 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.