checkbox全选/全不选的三种方法

checkbox全选/全不选

方法一：

 

function checkAll(cName) {

var code_Values = document.all[checkbox_name];

if (code_Values.length) {

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

code_Values[i].checked = true;

}

} else {

code_Values.checked = true;

}

}

 

function uncheckAll(cName) {

var code_Values = document.all[checkbox_name];

if (code_Values.length) {

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

code_Values[i].checked = false;

}

} else {

code_Values.checked = false;

}

}

<input type="checkbox" name="check" onclick="checkAll('check');"/><a onclick="check.click()">全选</a>

 

方法二：

 

function checkAll() {

var code_Values = document.getElementsByTagName("input");

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

if (code_Values[i].type == "checkbox") {

code_Values[i].checked = true;

}

}

}

function uncheckAll() {

var code_Values = document.getElementsByTagName("input");

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

if (code_Values[i].type == "checkbox") {

code_Values[i].checked = false;

}

}

}

<input type="checkbox" name="check" onclick="checkAll('check');"/><a onclick="check.click()">全选</a>

 

方法三：

 

function check_all(obj, cName) {

var checkboxs = document.getElementsByName(cName);

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

checkboxs[i].checked = obj.checked;

}

}

<input type="checkbox" name="check" onclick="checkAll(this,'check');"/><a onclick="check.click()">全选</a>

 

第二种方法显然是不方便的方法，如果页面上有多个checkbox组，就不能分别控制。

第三种方法最为简便，一个checkbox就可以了。