JS 金额自动计算与合计(监听事件)

本文介绍了如何在JavaScript中实现实时计算金额,包括通过监听事件动态更新总价。当用户在输入框中输入数量时,会自动计算并显示金额。同时,文章还探讨了在多个禁用文本框中监听金额变化并进行总计的方法,确保总额始终保持更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1:

项目中有时要在页面里面自动计算金额,如:左边框里面是数量,右边被禁用的文本框里是金额,而这个金额是根据客户输入数量的多少来自动计算的(数量*单价=金额)

<input type="text" name="batchCount"  style="width: 150px" maxlength="8" onkeyup="isNumber(this);cul_charge(this);" onblur="checkInput(this);"/>

 

这里是用到onkeyup事件来调用cul_charge函数计算金额。JS里面计算用eval(bat_v*bat_charge),有时候金额额度大需要格式化金额(见本博客 JS格式化金额)

 

2(监听事件):

上面的是简单的计算金额,放到被禁用的文本框里面。现在这种情况不同,这种是所有 被禁用的文本框里面金额的总计

当几个文本框中的金额发生变化时,总计框里面也会变化,并重新计算,这就需要监听事件了。

 

 

//----------------------------------监听开始(邮资合计和收费总计)---------------------------------//
		var g_tp;
		//这里是解决window onload 覆盖body onload的方法,否则onload="pageInit();" 将失效.
		if (document.all){
			window.attachEvent('onload',pageInit)
		}else{
			windo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值