我已经构建了一个包含自定义输入数字的表 jeditable 。输入值后,输入类型就消失了
我需要找到一个 JavaScript 实时计算,它可以自动计算我的值的数量。
我发现了 2 个非常适合我的情况的有趣示例,但是有可能在不使用表单和输入的情况下实现相同的效果吗?
最佳答案
是的,确实如此。如您所知,div 元素可以通过 document.getElementById('div_id')
访问,其值可以通过 document.getElementById('div_id').value
访问。
因此,取出表单并为您需要的 div
插入一个 id
并访问该值,然后找到总和,然后将该值设置为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">
如果您不需要输入
,您可以使用textarea
。
关于JavaScript 实时计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12892120/