calculate two input field values in javascript

Question

Hi i want to calculate two input field values and result will show in third input field so i want to write code in ajax page

<input id="a1" type="text" />
<input id="a2" type="text" onblur="Calculate();"  />
<input id="a3" type="text" name="total_amt" value="" />

here javascript function

 <script>


function Calculate()
{
var resources = document.getElementById('a1').value;
var minutes = document.getElementById('a2').value; 
document.getElementById('a3').value=parseInt(resources) *       parseInt(minutes);
 document.form1.submit();
   }
 </script>

starting its working but nw its not working please help me

Thanks in Advance

calculation is not working i mean what iam entering in two fields values not calculated in third field — , Mar 11 '15 at 11:42
There are no errors in your code. http://jsfiddle.net/DvtMC/57/ — R3tep, Mar 11 '15 at 11:44

Maybe Gordon · Accepted Answer · 2015-03-11T11:58:08.740

7

Look this! Work it. http://jsfiddle.net/op1u4ht7/2/

<input id="a1" type="text" />
<input id="a2" type="text" onblur="calculate()"  />
<input id="a3" type="text" name="total_amt" />

calculate = function()
{
    var resources = document.getElementById('a1').value;
    var minutes = document.getElementById('a2').value; 
    document.getElementById('a3').value = parseInt(resources)*parseInt(minutes);

   }

edited Mar 11 '15 at 11:58

answered Mar 11 '15 at 11:50

Maybe Gordon

130
5

score 3 · Answer 2 · answered Mar 17 '17 at 10:36

3

Try AutoCalculator https://github.com/JavscriptLab/autocalculate Calculate Inputs value and Output By using selector expressions

Just add an attribute for your output input like data-ac="(#firstinput+#secondinput)"

No Need of any initialization just add data-ac attribute only. It will find out dynamically added elements automatically

FOr add 'Rs' with Output just add inside curly bracket data-ac="{Rs}(#firstinput+#secondinput)"

answered Mar 17 '17 at 10:36

Justine Jose

130
2
7

Thanks for sharing java library for auto calculation without any initialization – shaz3e Nov 19 '18 at 15:46

score 0 · Answer 3 · answered Dec 05 '20 at 04:56

My code is from an answer above. Special thank for you!

calculate = function (a, p, t) {
        var amount = document.getElementById(a).value;
        var price = document.getElementById(p).value;
        document.getElementById(t).value = parseInt(amount)*parseInt(price);}

<input type="number" id="a0" onblur="calculate('a0', 'p0', 't0')">
<input type="number" id="p0" onblur="calculate('a0', 'p0', 't0')">
<input type="number" id="t0" >
<hr>
<input type="number" id="a1" onblur="calculate('a1', 'p1', 't1')">
<input type="number" id="p1" onblur="calculate('a1', 'p1', 't1')">
<input type="number" id="t1" >

score 0 · Answer 4 · edited Feb 22 '23 at 17:57

0

put in you form id="form1"

the JavaScript is look like this.

calculate = function()
{
  var resources = document.getElementById('a1').value;
  var minutes = document.getElementById('a2').value; 
  document.getElementById('a3').value = parseInt(resources)*parseInt(minutes);
  document.form1.submit();
}

edited Feb 22 '23 at 17:57

Moritz Ringler

9,772
9
21
34

answered Feb 18 '23 at 08:51

Nigus Abate

11
3

calculate two input field values in javascript

4 Answers4