复制代码代码如下:
<! Doctype html>
<Html>
<head>
<title> mycart1.html </title>
<meta http-equiv = "kata kunci" content = "kata kunci1, kata kunci2, kata kunci3">
<meta http-equiv = "description" content = "This is my Page">
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<!-<tautan rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<bahasa skrip = "javascript" type = "text/javascript">
fungsi jisuan (obj) {
var total = 0;
var fruits = document.getElementsbyname ("buah");
untuk (var i = 0; i <fruits.length; i ++) {
if (fruits [i] .Checked) {
total += parsefloat (buah [i] .value);
}
}
myspan.innerText = total + "元";
}
</script>
</head>
<body>
<input type = "centang kotak" nama = "buah" value = "10" onclick = "jisuan (this)"> 苹果 10 元 <br/>
<input type = "centang kotak" nama = "buah" value = "20" onclick = "jisuan (this)"> 香蕉 20 元 <br/>
<input type = "centang kotak" name = "frues" value = "30" onClick = "jisuan (this)"> 西瓜 30 元 <br/>
<input type = "centang kotak" nama = "buah" value = "40" onclick = "jisuan (this)"> 栗子 40 元 <br/>
<input type = "centang kotak" name = "frues" value = "50" onclick = "jisuan (this)"> 哈密瓜 50 元 <br/> <br/>
总价格是 ： <span id = "myspan"> 0 元 </span>
</body>
</html>