javascript - 在javascript中进行减法以进行更改的简单方法

Question

我正在将此代码用于我的表单

Total: <input name="total" id="total" type="text" readonly="readonly" style="background-color:#eee;" value="<? echo $total; ?>" /><br /><br />
Cash: <input name="cash" id="cash" type="text" /><br /><br />
Change: <input name="change" id="change" type="text" readonly="readonly" style="background-color:#FF0;"/>

总数来自 php，例如 25.00，我希望能够输入一个数字，例如 30.00 现金，然后更改为例如 5.00，我希望它在键上更改，所以如果我更改它重新计算的金额，

任何人都可以帮助使用 JavaScript 进行计算，谢谢

Answer 1

为“cash”元素添加 onchange 和 onkeyup 事件处理程序。然后在处理程序中进行计算。

例子：

Cash: <input name="cash" id="cash" type="text" onkeyup="Recalculate();" onchange="Recalculate()" /><br /><br />

在 Javascript 中：

function Recalculate()
{
var total = parseInt(document.getElementById("total").value, 10);
var cash = parseInt(document.getElementById("cash").value, 10);

document.getElementById("change").value = (total-cash);
}

Answer 2

HTML：

Cash: <input name="cash" id="cash" type="text" onkeyup="myFunction()" /><br /><br />

JS：

function myFunction(){
    var change = document.getElementById("change");
    var cash = document.getElementById("cash").value;
    var total = document.getElementById("total").value;

    change.value = parseInt(cash,10) - parseInt(total,10);      
    }​

（工作示例）