複製代碼代碼如下:
<!doctype html>
<html>
<頭>
<title> mycart1.html </title>
<meta http-equiv =“關鍵字” content =“ keyword1,keyword2,keyword3”>
<meta http-equiv =“描述” content =“這是我的頁面”>
<meta http-equiv =“ content-type” content =“ text/html; charset = utf-8”>
<! - <link rel =“ stylesheet” type =“ text/css” href =“ ./ styles.css”> - >
<腳本語言=“ javascript” type =“ text/javascript”>
功能jisuan(obj){
var總計= 0;
var fruits = document.getElementsByname(“水果”);
for(var i = 0; i <fruits.length; i ++){
如果(果[i] .checked){
總 += parsefloat(水果[i] .value);
}
}
myspan.innertext = total +“元”;
}
</script>
</head>
<身體>
<input type =“複選框” name =“ frual” value =“ 10” onclick =“ jisuan(this)”>蘋果10元<br/>
<輸入type =“複選框” name =“ frual” value =“ 20” onclick =“ jisuan(this)”>香蕉20元<br/>
<input type =“複選框” name =“ frual” value =“ 30” onclick =“ jisuan(this)”>西瓜30元<br/>
<input type =“複選框” name =“ frual” value =“ 40” onclick =“ jisuan(this)”>栗子40元<br/>
<輸入type =“複選框” name =“ frual” value =“ 50” onclick =“ jisuan(this)”>哈密瓜50<br/> <br/> <br/>
總價格是:<span ID =“ myspan”> 0元</span>
</body>
</html>