求总价

最新推荐文章于 2023-12-12 19:42:28 发布

qq_35285268

最新推荐文章于 2023-12-12 19:42:28 发布

阅读量270

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_35285268/article/details/52386072

本文介绍了一个简单的HTML页面示例，通过按钮点击事件实现输入框内的数值增减，并实时更新显示总价的功能。该示例使用了JavaScript来处理数值变化及总价计算。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="button" value='-' onclick="jian()"/>

<input type="button" value='+' onclick='jia()'/>
单价：20.3元总价<span id='zong'>20.3</span>元
</body>
</html>
<script type="text/javascript">
//减
function jian(){
var num=document.getElementById('num').value;
if(num>0){
ss=num-1;
var dan=20.3;
var jian=document.getElementById('num').value=ss;
var zj=dan*jian;
var zj=zj.toFixed(1);
var zong=document.getElementById('zong');
zong.innerHTML=zj;
}
}
//加
function jia(){
var num=document.getElementById('num').value;
num++;
var jia=document.getElementById('num').value=num;
var dan=20.3;
var zj=dan*jia;
var zj=zj.toFixed(1);
var zong=document.getElementById('zong');
zong.innerHTML=zj;
}
</script>