直接上代码，很简单，当你选择商品后，计算商品的总价值
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title></title>
<script type="text/javascript">
function getSum() {
var item = document.getElementsByName("item")
var sum = 0;
for(var x=0; x < item.length; x++) {
if(item[x].checked) {
sum += parseInt(item[x].value);
}
}
var spanNode = document.getElementById("sum");
str = sum + "元";
spanNode.innerHTML = str.fontsize(7);
}
function checkAll() {
var checkA = document.getElementsByName("all")[0];
var item = document.getElementsByName("item")
for(var x=0; x < item.length; x++) {
item[x].checked = checkA.checked ;
}
}
</script>
</head>
<body>
<input type="checkbox" name="all" onclick="checkAll()"> 全选 <br/>
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
<input type="button" value="获得总金额" onclick="getSum()"> <span id="sum"></span>
</body>
</html>