1. 程式人生 > >全選復選反選的實現

全選復選反選的實現

java 源碼時代

function selectAll() {
var ckbox = document.getElementsByName("ckbox");
var flag = true;
for(var i = 0; i < ckbox.length; i++) {
if(ckbox[i].checked == false) {
for(var i = 0; i < ckbox.length; i++) {
ckbox[i].checked = true;


}
flag = false;
break;
}
}
if(flag) {
for(var i = 0; i < ckbox.length; i++) {
ckbox[i].checked = false;
}
}
}
window.onload = function() {
document.getElementById("btnSelectAll").onclick = function() {

selectAll();
}
document.getElementById("btnSelectOther").onclick = function() {
selectOther();
}
}

function selectOther() {
var ckbox = document.getElementsByName("ckbox");
for(var i = 0; i < ckbox.length; i++) {
if(ckbox[i].checked == false) {

ckbox[i].checked = true;
} else {
ckbox[i].checked = false;
}
}
}


感謝源碼時代java學科講師

全選復選反選的實現