Javascript连续函数

Javascript continuous function

本文关键字：连续函数 Javascript      更新时间：2023-09-26

我想写一个函数来连续呈现表单中的数据。我正在创建一个包含价格和增值税并输出总价的表单。编辑信息后，我希望我的功能在不点击按钮的情况下自动更新总价。例如，如果一件东西的价格是10美元，外加5%的税，那么价格将是10.50美元。如果我在表格上将价格更改为5美元，我希望总价自动更新。我正在寻找一些指导来解决这个问题。

您可以使用onchange Event

我写了一个基本的例子：http://jsfiddle.net/uja7bxmm/

Html:

<form>
    Price: <input type="text" id="price" onchange= "calculate()"/> 
    Tax: <input type="text" id="tax" onchange= "calculate()"/>
</form>
Total: <span id="total"/>

Javascript：

function calculate() {
var price =parseInt(document.getElementById("price").value,10);
    var tax= parseInt(document.getElementById("tax").value,10);
    if (!isNaN(price) && !isNaN(tax)) {
    document.getElementById("total").innerHTML = (100+tax)*price/100; 
    }
}
相关文章：