JavaScript Real Time Calculation

问题

I have built a table with custom inputs numbers with jeditable. The Input type is gone once you put the value

I need to find a JavaScript Real Time Calculation which automatically makes the amount of my values.

I have found 2 interesting examples very suitable for my case but there is the possibility to achieve it the same without using the form and inputs?

First example

Second example

回答1:

Yes, it is. As you know a div element can be accessed by document.getElementById('div_id') and its value can be accessed by document.getElementById('div_id').value.

So take out the form and insert an id for the div's that you need and access the value and then find the sum and then set the value as the sum to another div. Here is the code

<script>
   function calculateBMI() {

   var wtStr =document.getElementById('w').value;

   if (!wtStr)
     wtStr = '0';

   var htStr = document.getElementById('h').value;
   if (!htStr)
     htStr = '0';


   var weight = parseFloat(wtStr);
   var height = parseFloat(htStr);
   document.getElementById("r").value = weight + height;
 }
 </script>

 <input id = "w" type="Text"  name="weight" size="4" onkeyup="calculateBMI()"> Weight  (in Kilos)  
 <input id = "h" type="Text" name="height" size="4" onkeyup="calculateBMI()"> Height (in Centimeters)<br>
 <input id = "r" type="Text" name="BodyMassIndex" id="BodyMassIndex" size="4"> BMI     
 <input type="button" style="font-size: 8pt" value="Calculate" onClick="calculateBMI()" name="button">

and if you don't want input you can use textarea.

来源：https://stackoverflow.com/questions/12892120/javascript-real-time-calculation

标签

javascript

jsfiddle

real-time-updates