【问题标题】:How to multiply price and tax percentage to get tax amount automatically with javascript?如何使用javascript将价格和税率相乘以自动获取税额?
【发布时间】:2012-02-20 02:35:16
【问题描述】:

我想用 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


    【解决方案1】:

    您可以使用 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;
    }
    

    【讨论】:

    • 谢谢你 mrtsherman :) 它正在工作..我是网络编程的新手,呵呵,这对我很有帮助 :) 再次感谢伙计 :D
    • 啊,等等..我还有一个关于这个的问题..当税收字段模糊时,税额值发生了变化,当我在税收百分比字段上输入时,税额如何变化?可以吗?
    • 如果您希望它在您键入时动态更改,那么它会变得更加复杂。您可以监视 keydownkeypresskeyup 事件而不是 onblur。这错过了人们剪切和粘贴值的情况。如果你需要覆盖这种情况,那么对于大多数浏览器,你必须绑定到 propertychange 事件,此外对于 Firefox 绑定 input
    • 好的,我明白了 :) 我想我会使用 'onblur' 事件。再次感谢@mrtsherman:D
    猜你喜欢
    • 1970-01-01
    • 2012-09-17
    • 1970-01-01
    • 2013-06-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多