复制代码代码如下:
<! Doctype html>
<html>
<Evista>
<title> mycart1.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-oquiv = "descripción" content = "esta es mi página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<script language = "javaScript" type = "text/javaScript">
función jisuan (obj) {
var en total = 0;
var fruits = document.getElementsByName ("fruta");
para (var i = 0; i <fruits.length; i ++) {
if (frutas [i] .ecked) {
total += parsefloat (frutas [i] .value);
}
}
myspan.inntext = total + "元";
}
</script>
</ablo>
<Body>
<input type = "checkbox" name = "fruit" value = "10" onClick = "jisuan (this)"> 苹果 10 元 <br/>
<input type = "checkbox" name = "fruit" value = "20" onClick = "jisuan (this)"> 香蕉 20 元 <br/>
<input type = "checkbox" name = "fruit" value = "30" onClick = "jisuan (this)"> 西瓜 30 元 <br/>
<input type = "checkbox" name = "fruit" value = "40" onClick = "jisuan (this)"> 栗子 40 元 <br/>
<input type = "checkbox" name = "fruit" value = "50" onClick = "jisuan (this)"> 哈密瓜 50 元 <br/> <br/>
总价格是 ： <span id = "myspan"> 0 元 </span>
</body>
</html>