JavaScript实时计算

时间:2012-10-15 08:49:45

标签: javascript jsfiddle real-time-updates

我已经使用jeditable构建了一个包含自定义输入数字的表格。输入值

后,输入类型消失

我需要找到一个JavaScript实时计算,它会自动生成我的值。

我找到了两个非常适合我的案例的有趣例子但是有可能在不使用表格和输入的情况下实现它吗?

First example

Second example

1 个答案:

答案 0 :(得分:1)

是的,确实如此。如您所知,document.getElementById('div_id')可以访问div元素,document.getElementById('div_id').value可以访问其值。

因此,请取出表单并为您需要的id插入div并访问该值,然后找到总和,然后将值设置为{{1另一个sum。这是代码

div

如果您不想<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"> ,可以使用input