?? 自動計算的例子.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 + -