全选复选反选的实现

Posted 2020-09-28

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学科讲师