Wie multipliziere ich den Preis und den Steuerprozentsatz, um den Steuerbetrag automatisch mit Javascript zu erhalten?

Question

Ich möchte den Preis und den Steuerprozentsatz multiplizieren, um den Steuerbetrag automatisch mit Javascript zu erhalten.Nachdem ich den Preis und den Steuerprozentsatz eingegeben habe, ändert sich das Textfeld des Steuerbetrags automatisch in das Berechnungsergebnis.Ich habe mein Web mit PHP und Javascript entwickelt.

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/>

Answer 1

Sie können die Werte mit className abrufen und rechnen.ich benutzte getElementsByClassName um mit Ihrem geposteten Code übereinzustimmen, aber ich würde jede dieser IDs angeben und verwenden getElementById stattdessen.Ich bin an das Onblur-Ereignis der Steuer gebunden, da Sie keine Angaben gemacht haben, die eine Neuberechnung des Steuerbetrags auslösen sollten.Stellen Sie sicher, dass Sie auch diese Serverseite überprüfen, da die Umgehung von Javascript auf der Clientseite trivial ist.

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;
}

​