自动计算

最新推荐文章于 2021-06-02 15:04:33 发布

shuangyvshenshi

最新推荐文章于 2021-06-02 15:04:33 发布

阅读量538

点赞数

分类专栏： javaweb 文章标签： input html 文档

本文链接：https://blog.csdn.net/shuangyvshenshi/article/details/8008633

版权

javaweb 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function   cal()
{ 
if(document.getElementById("zidong").checked)
{
document.getElementById("totalmoney").value=parseInt(document.getElementById("number").value)*parseInt(document.getElementById("money").value);
document.getElementById("zongjia").value=document.getElementById("totalmoney").value;

}
if(document.getElementById("guanpan").checked)
{
document.getElementById("zongjia").value=parseInt(document.getElementById("totalmoney").value)+parseInt(document.getElementById("guanpan").value);
}
if(document.getElementById("yingpan").checked)
{
document.getElementById("zongjia").value=parseInt(document.getElementById("totalmoney").value)+parseInt(document.getElementById("yingpan").value);
}
if(document.getElementById("xianshiqi").checked)
{
document.getElementById("zongjia").value=parseInt(document.getElementById("totalmoney").value)+parseInt(document.getElementById("xianshiqi").value);
}

}


</script>
</head>

<body>
<div align="center">
  <p>个人电脑订购单：
</p>
  <p><hr>
  </p> 
  <p align="left">数量:
    <input  type="text"  id="number"onChange="cal();" >
  单价：
 
    <input type="text" id="money" onChange="cal();" > 
  
</p>
  <p align="left">小计:
    <input  type="text"  id="totalmoney">
</p>
  <p align="left">选购项目：<input type="checkbox"  id="guanpan" value="500" onClick="cal();" >光驱500元<input type="checkbox" id="yingpan" value="500"  onClick="cal();" >硬盘500元
  <input type="checkbox"  id="xianshiqi" value="1500" onClick="cal();" >显示器1500元
  <p align="left"><br>
    <input type="checkbox" id="zidong" checked onClick="if(this.checked){cal();}" >
    自动计算  
<p align="left">总价：
	  <input type="text"  id="zongjia">
</div>
</body>
</html>