1

我用jeditable建立了一个带有自定义输入数字的表。一旦输入值,输入类型就消失了

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

我发现了 2 个非常适合我的案例的有趣示例,但是否有可能在不使用表单和输入的情况下实现相同的效果?

第一个例子

第二个例子

4

1 回答 1

1

是的。如你所知,一个 div 元素可以被访问document.getElementById('div_id'),它的值可以被访问document.getElementById('div_id').value

因此,取出表单并插入您需要iddiv's 并访问该值,然后找到总和,然后将值设置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,你可以使用textarea.

于 2012-10-15T09:27:08.690 回答