Comment multiplier le prix et le pourcentage d'impôt pour obtenir le montant d'impôt automatiquement avec le javascript?

Question

Je veux multiplier le prix et le pourcentage d'impôt pour obtenir le montant d'impôt automatiquement avec le javascript. Après l'entrée I le prix et le pourcentage d'imposition, le champ de texte du montant de la taxe change automatiquement dans le résultat du calcul. J'ai développé mon web avec php et 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/>

Answer 1

Vous pouvez obtenir les valeurs avec className et faire le calcul. Je getElementsByClassName pour correspondre au code affiché, mais je donnerais chacun de ces getElementById de id et de l'utilisation à la place. Je lié à l'événement onblur de la taxe que vous n'avez pas fourni les spécifications devraient déclencher un recalcul du taxAmount. Assurez-vous que vous vérifiez ce côté serveur aussi, comme sans passer javascript côté client est trivial.

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