2012-02-20 8 views
0

私はJavaScriptと自動的に税額を得るために価格と税率を掛けたい。 価格と税率を入力すると、税額のテキストフィールドが自動的に計算結果に変更されます。私はPHPとjavascriptで私のWebを開発しました。JavaScriptと自動的に税額を得るために価格と税率を掛けるには?

Price : $<input type="text" class="price" value=""><br/>

Tax (%) : <input type="text" class="dp_per" value="">%<br/>

Tax Amount : $<input type="text" class="dp_per" value=""><br/> <br/>

答えて

2

にはクラス名と値を取得し、数学を行うことができます。私はgetElementsByClassNameを使用して投稿したコードと一致させましたが、代わりにgetElementByIdを使用します。私はあなたがどんな仕様も提供しなかったので、taxAmountのrecalcをトリガーする必要があるので、税のonblurイベントに縛られました。クライアント側のjavascriptをバイパスするのは簡単ではないので、このサーバー側も確認してください。

http://jsfiddle.net/mrtsherman/97hnD/

var price = document.getElementsByClassName('price')[0]; 
var tax = document.getElementsByClassName('dp_per')[0]; 
var taxAmount = document.getElementsByClassName('dp_per')[1]; 

tax.onblur = function() { 
    taxAmount.value = parseFloat(price.value) * parseFloat(tax.value)/100; 
} 

+0

mrtshermanありがとう:) それは 笑Webプログラミングでworking..I'm初心者だと、これは私にとって非常に有用です:) おかげで再び男: D – blankon91

+0

ああ、待っています。私はこれについて別の質問をしています。ぼかしの税額欄が変わったとき税額の値が変わったのですが、税率のフィールドに入力している間に税額はどうでしたか?それはできますか? – blankon91

+0

入力時に動的に変更したい場合は、より複雑になります。 onblurの代わりに 'keydown'、' keypress'、 'keyup'イベントを監視することができます。これは、人々が値をカットアンドペーストするケースを逃してしまいます。そのケースをカバーする必要がある場合は、ほとんどのブラウザでは 'propertychange'イベントに、Firefoxでは' input'にバインドする必要があります。 – mrtsherman

関連する問題