JS实战 · 复选框全选操作

思路：

1、获取被选中checkbox，通过checked属性的状态完成；

2、获取被选中的checkbox的value值；

3、求所有value的和sum；

4、定义span区域存储和sum；

代码如下：

<html>

<head>

function checkAll(index){

var node = document.getElementsByName("all")[index];

var items = document.getElementsByName("item");

for(var i=0; i<items.length; i++){

items[i].checked = node.checked;

}

</script>

</head>

<body>

<p></p>

<input type="checkbox" name="all" onclick="checkAll(1)"/>全选

</body>

</html>

代码如下：

<html>

<head>

<title>购物车显示选中购买物品的总金额</title>

function checkAll(index){

var node = document.getElementsByName("all")[index];

var items = document.getElementsByName("item");

for(var i=0; i<items.length; i++){

items[i].checked = node.checked;

}

function getSum(){

var items = document.getElementsByName("item");

var sum = 0;

for(var i=0; i<items.length; i++){

if(items[i].checked){

sum += parseInt(items[i].value);

}

/*获取单个节点用getElementById

获取节点数组用getElementsById

var spanNode = document.getElementById("sum");

var str = sum + "元";

spanNode.innerHTML = str.fontsize(8);

}

</script>

</head>

<body>

<br/>

</body>

</html>