本文介绍了一个使用JavaScript实现的实时计算模型，当输入框中的值发生变化时，能够立即计算出两个输入值的乘积，并更新显示在页面上的结果。此功能适用于需要实时反馈计算结果的场景，如财务计算、折扣计算等。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实时监听input值的变化</title>
</head>
</script>
<script type="text/javascript">
function sum(obj) {
var a = document.getElementById("accountReceivable");
? ? ? ? ? ? var b = document.getElementById("vipdiscount");
var sum= a.value * b.value;
document.getElementById('testid').innerText=parseInt(sum);
receipts.value=parseInt(sum);
}
</script>
<body><table style="border-collapse:separate; border-spacing:0px 10px;">
<tr>
<td align="right">应收现金：</td>
<td><input id="accountReceivable" name="accountReceivable" value="1" onkeyup="sum(this);" ></td>
<td>元，折扣：</td>
<td><input id="vipdiscount" name="vipdiscount" value="1" onkeyup="sum(this);" ></td>
<td align="right">实收：</td>
<td><input id="receipts" readonly="true" style="border:0px"></td>
<td>元 </td>
<td>消费类型：<select id="conType"><option value="1" >报名费</option><option value="2" >酒水零食费</option></select></td>
<td><a id="btnSend" class="easyui-linkbutton">提交</a></td>
</tr>
<tr><span id="testid">${accountReceivable}*${vipdiscount}</span></tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
