JS 金额自动计算与合计（监听事件）

最新推荐文章于 2022-01-26 16:10:58 发布

原创

最新推荐文章于 2022-01-26 16:10:58 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#IE #浏览器

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

1：

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

这里是用到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{
			window.addEventListener('load',pageInit,false);
		}
		//监听邮资合计和收费总计
		function $(id){return document.getElementById(id);}
		function ie(){if(navigator.userAgent.indexOf("MSIE")>0){return t

最低0.47元/天解锁文章