js 实时监听input中值的变化，值改变时自动计算填充到另一个input中

最新推荐文章于 2024-08-20 15:17:14 发布

QQ玉

最新推荐文章于 2024-08-20 15:17:14 发布

阅读量3w

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qinyf2015/article/details/78666633

版权

js 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

<table style="border-collapse:separate; border-spacing:0px 10px;">
 <tr>
  <td align="right">应收现金：</td>
  <td><input id="accountReceivable" autoComplete='off'></td>
  <td>元，折扣：</td>
  <td><input id="vipdiscount"  readonly="true"></td>
  <td align="right">实收：</td>
  <td><input id="receipts" readonly="true"></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>
</table>

$(function(){  

	$('#accountReceivable').bind('input propertychange', function() {  
		var a = $('#accountReceivable').val();
		var b = $('#vipdiscount').val();
		var sum= a * b;
		
	    $('#receipts').val(sum);  
	}); 
  
})

效果图：应收现金每输入一个数会自动计算并填充到实收的输入框。css样式代码我就不贴出来了，以上代码能实现实时计算功能就可以了