?? 14.16 購物籃中常用的計算總價效果.htm
字號:
<html>
<head>
<title>小小購物籃</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
var messages = new Array(11); //價格數組
messages[0] = "";
messages[1] = "12.30元";
messages[2] = "13.00元";
messages[3] = "14.20元";
messages[4] = "15.00元";
messages[5] = "21.30元";
messages[6] = "22.70元";
messages[7] = "23.20元";
messages[8] = "24.40元";
messages[9] = "31.80元";
messages[10] = "32.60元";
function numChange()
{
with (document.form1)
{
var numIndex = bookNum.selectedIndex;//判斷用戶選擇的本數
bookPrice.value = messages[numIndex];//獲取價格
bookTotal.value = messages[numIndex].slice(0,-1)*numIndex+"元";//計算總價
}
}
</script>
<title>無標題文檔</title>
</head>
<body>
<form name="form1" method="post" action="">
數量 <select name="bookNum" onChange="numChange()">
<option value="0">購買數量</option>
<option>1本</option>
<option>2本</option>
<option>3本</option>
<option>4本</option>
<option>5本</option>
<option>6本</option>
<option>7本</option>
<option>8本</option>
<option>9本</option>
<option>10本</option>
</select>
單價
<input name="bookPrice" readonly />
總價
<input name="bookTotal" type="text" id="bookTotal" />
</form>
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -