📄 自动计算的例子.htm
字号:
<!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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -