输入数量和价格自动计算输出金额的js代码

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

Dove言和

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

阅读量9.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：技术 html5 前端进阶之路_开启前端web逆袭之路

本文为博主原创文章，未经博主允许不得镜像、转载。

本文链接：https://blog.youkuaiyun.com/qq_21041889/article/details/81633572

前端进阶之路_开启前端web逆袭之路同时被 3 个专栏收录

35 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

技术

26 篇文章

订阅专栏

html5

6 篇文章

订阅专栏

本文提供了一段JavaScript代码示例，该代码可以动态计算输入的数量和单价，实时更新并显示总价。当需要引入外部JS时，可能需要页面刷新以确保代码正确执行。

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

<script> 
function checkInt(o){ 
theV=isNaN(parseInt(o.value))?0:parseInt(o.value); 
if(theV!=o.value){o.value=theV;} 
txtTotal.value=txtAmount.value*txtPrice.value; 
} 
function checkP(o){ 
theV=isNaN(parseFloat(o.value))?0:parseFloat(o.value); 
theV=parseInt(theV*100)/100; 
if(theV!=o.value){ 
theV=(theV*100).toString(); 
theV=theV.substring(0,theV.length-2)+"."+theV.substring(theV.length-2,theV.length) 
o.value=theV; 
} 
txtTotal.value=txtAmount.value*txtPrice.value; 
} 
</script> 
数量: 
<input id=txtAmount value=0 onkeyup="checkInt(this);" onpaste="checkInt(this);" oncut="checkInt(this);" ondrop="checkInt(this);" onchange="checkInt(this);"> 
单价: 
<input id=txtPrice value=0 onkeyup="checkP(this);" onpaste="checkP(this);" oncut="checkP(this);" o