[javascript] 체크박스 선택/해제

모든 체크박스를 선택/해제하는 녀석의 id를 checkboxall 이라고 주고(id='checkboxall') 나머지 체그박스들은

name을 row_check라고 준다.(name='row_check') 

 

function checkAll() {
    let checkboxall = document.querySelectorAll("input[name='row_check']");

    if (document.querySelector('#checkboxall').checked == true) {
        for (let x = 0; x < checkboxall.length; x++ ) {
            if (checkboxall[x].disabled == false)
                checkboxall[x].checked = true;
        }
    }

    if (document.querySelector('#checkboxall').checked == false) {
        for (let x = 0; x < checkboxall.length; x++ ) {
            if (checkboxall[x].disabled == false)
                checkboxall[x].checked = false;
        }
    }
}

function checkOne() {
    let checkboxall = document.querySelectorAll("input[name='row_check']");
    let flag = true;

    for (let x = 0; x < checkboxall.length; x++) {
        if (checkboxall[x].disabled == false && checkboxall[x].checked == false) {
            flag = false;
            break
        }
    }

    if (flag == true) {
        document.querySelector('#checkboxall').checked = true;
    } else {
        document.querySelector('#checkboxall').checked = false;
    }
}