在javascript中减去更改的简单方法

时间:2012-10-18 21:06:23

标签: javascript

我将此代码用于表单

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进行计算,谢谢

2 个答案:

答案 0 :(得分: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);
}

答案 1 :(得分:0)

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);      
    }​

<强> (Working Example)