复制代码代码如下:
<!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>