如何用javascript将价格和税率相乘自动获得税额


How to multiply price and tax percentage to get tax amount automatically with javascript?

我想乘以价格和税收百分比,用javascript自动获得税额。在我输入价格和税率后,税额的文本字段会自动变为计算结果。我用php和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/>

您可以使用className获取值并进行计算。我使用getElementsByClassName来匹配您发布的代码,但我会给出每个id,并使用getElementById。我绑定了税务的onblur事件,因为您没有提供任何规范,应该会触发taxAmount的重新计算。确保您也检查了服务器端,因为绕过客户端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;
}