如何将价格和税率百分比乘以javascript自动获得税额?

时间:2012-02-20 02:35:17

标签: php javascript jquery-autocomplete multiplying

我希望将价格和税率乘以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/>

1 个答案:

答案 0 :(得分:2)

您可以使用className获取值并进行数学运算。我使用getElementsByClassName来匹配您发布的代码,但我会给出每个ID,并使用getElementById代替。由于您没有提供任何规格应该触发taxAmount的重新计算,因此我必须参加税收的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;
}