1

jeditableを使用してカスタム入力番号を含むテーブルを作成しました。値を入力すると、入力タイプはなくなります

値の量を自動的に作成する JavaScript リアルタイム計算を見つける必要があります。

私のケースに非常に適した2つの興味深い例を見つけましたが、フォームと入力を使用せずに同じことを達成する可能性はありますか?

最初の例

2 番目の例

4

1 に答える 1

1

はい、そうです。ご存じのとおり、 div 要素には からアクセスできdocument.getElementById('div_id')、その値には からアクセスできますdocument.getElementById('div_id').value。

したがって、フォームを取り出して、必要な の を挿入しid、div値にアクセスして合計を見つけ、値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 に答える