Как умножить цену и процент налога, чтобы автоматически получить сумму налога с помощью javascript?
-
28-10-2019 - |
Вопрос
Я хочу умножить цену и процент налога, чтобы автоматически получить сумму налога с помощью 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
чтобы соответствовать вашему опубликованному коду, но я бы дал каждому из этих идентификаторов и использовал getElementById
вместо этого.Я привязался к событию onblur для tax, поскольку вы не предоставили никаких спецификаций, которые должны вызвать повторный расчет 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;
}