2012-01-03 42 views
-1

入力テキストフィールドを使用して数字のいずれかを入力して、商品リストの各行の小計を計算するにはどうすればよいですか?onblurとjavascriptを使用して小計を計算するにはどうすればよいですか?

例:

colA colB   colC 

100 - [text input] = [calculated result] 

880 - [text input] = [calculated result] 

720 - [text input] = [calculated result] 

130 - [text input] = [calculated result] 
... 

私は、これはJavaScriptで行うのは非常に簡単です確信しているが、私は見てきたし、単純な答えを見つけることができません。私はJavascriptに慣れていないので、簡単な解決策が必要です。すべての助けを前もってありがとう! :)

+1

に持っているあなたは何をしようとしたのですか?どのような特定の問題がありましたか? – Incognito

答えて

1

ようこそStackOverflow!将来的には、質問をもっとはっきりと書くと、より良い回答を早く得ることができます。

テキスト入力の値を取得または設定するには、document.getElementById( 'id_of_text_input')。valueを使用できます。 nameではなく、idを使用していることに注意してください。

parseFloatを使用すると、浮動小数点値として文字列を読み取ることができます。

onblurイベントに関数を追加するには、setAttribute関数を使用できます。

たとえば、IDがcolAのテキスト入力があり、その値から100を引いた場合、ユーザーは入力して結果をID:colBのテキスト入力に保存します。

次のようなコードを記述することができます。私にとっては非常に便利

<html> 
<head runat="server"> 
    <title></title> 
</head> 
<body>  
    <input type='text' id='colA' /> 
    <input type="text" id='colB' /> 
</body> 
<script type="text/javascript"> 
    var colA = document.getElementById('colA'); 
    var colB = document.getElementById('colB'); 
    colA.setAttribute('onblur', 
    function() { 
     var value = colA.value; 
     var number = parseFloat(value)-100; 
     colB.value = number; 
    }); 
</script> 
</html> 
+0

setAttributeメソッドの引数として*関数*を渡したことに注意してください。事実に慣れていない場合は、C++やJavaなどの多くの現代言語ではこれを行うことができません。これは、「プログラミング」と呼ばれる異なるプログラミング方法論を可能にする。 –

0

を。おかげで、ダニエル

あなたは割合(例えば5%)を計算とjQueryを使用したい場合は、

$(function(){ 
     $(".input-valorinicial").blur(function(){ 
      var valorinicial = document.getElementById('valorinicial'); 
      var fee = document.getElementById('fee'); 
      var value = valorinicial.value; 
      var number = parseFloat(value)*5/100; 
      fee.value = number; 
     }); 
    }); 
関連する問題