我想用 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/>
【问题讨论】：
标签： php javascript jquery-autocomplete multiplication
您可以使用 className 获取值并进行数学运算。我使用getElementsByClassName 来匹配您发布的代码，但我会给出每个ID 并改用getElementById。我绑定了税的 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;
}
【讨论】：
keydown、keypress 或 keyup 事件而不是 onblur。这错过了人们剪切和粘贴值的情况。如果你需要覆盖这种情况，那么对于大多数浏览器，你必须绑定到 propertychange 事件，此外对于 Firefox 绑定 input。