复选框全选、不选切换

js代码：

 

 

//复选框全选、不选切换
function checkChg(allId,subName) {
    var subIds = document.getElementsByName(subName);
    //全选
	if(document.getElementById(allId).checked==true){
	    for (var j = 0; j < subIds.length; j++) {
	        if (subIds.item(j).checked == false) {
	        	subIds.item(j).checked = true;
	        }
	    }
	}else{//全不选
	    for (var j = 0; j < subIds.length; j++) {
	        if (subIds.item(j).checked == true) {
	        	subIds.item(j).checked = false;
	        }
	    }
	}

}

 

 

HTML调用：

 

 

  	<input type="checkbox" name="all" id="all" onclick="checkChg('all','checkbox')" />
    <input name="test" value="复选框1" type="checkbox" />复选框1<br />
    <input name="test" value="复选框2" type="checkbox" />复选框2<br />
    <input name="test" value="复选框3" type="checkbox" />复选框3<br />
    <input name="test" value="复选框4" type="checkbox" />复选框4<br />
    <input name="test" value="复选框5" type="checkbox" />复选框5<br />
    <input name="test" value="复选框6" type="checkbox" />复选框6<br />