js 实时监听input中值的变化,值改变时自动计算填充到另一个input中,实现计算器功能

<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" οnkeyup="sum(this);" ></td>
  <td>元,折扣:</td>
  <td><input id="vipdiscount" name="vipdiscount"  value="1" οnkeyup="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>

猜你喜欢

转载自blog.csdn.net/lc547913923/article/details/88542160