javascript 전체체크박스

---

체크박스의 개수와 상관없이,

전체 체크박스를 생성하여, 체크박스중에 하나라도 체크가 해제될경우에 해제되는 전체체크박스.

모든 체크박스가 다 체크되어있을경우 체크되는 전체체크 박스

var checkAll = document.getElementById("checkAll");
    checkAll.addEventListener('change', function(){
        var objs = document.querySelectorAll(".chk");
        for (var i = 0; i < objs.length; i++) {
            objs[i].checked = checkAll.checked;
            };
        }, false);
        var objs = document.querySelectorAll(".chk");
        for(var i=0; i<objs.length ; i++){
            objs[i].addEventListener('click', function(){
            var checkAll = document.querySelector("#checkAll");
            for (var j = 0; j < objs.length; j++) {
                if (objs[j].checked === false) {
                checkAll.checked = false;
                return;
                };
            };
        checkAll.checked = true;                                   
        }, false);
    } 
	});