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

最新推荐文章于 2025-05-22 12:45:46 发布

iteye_20593

最新推荐文章于 2025-05-22 12:45:46 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVA 文章标签： IE 浏览器

本文链接：https://blog.youkuaiyun.com/iteye_20593/article/details/81795814

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

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

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{
			windo