javascript 자바스크립트 checkbox 체크박스 전체선택

Jquery 안 쓰려고 엄청 찾았는데

드디어 알아냈다 - !

<input type = "checkbox" id = "entire" onclick="entire()"> 
    <input type ="checkbox" class="test" value ="test1">
    <input type="checkbox" class="test" value ="test2">

    <script>
        function entire(){
            var test = document.getElementsByClassName('test'); 

            var entire = document.getElementById('entire');
            alert(entire.checked);

            alert(entire.checked);
            if(entire.checked == true) {
                for(var i of test){ 
                    i.checked = true;
                //alert(i.checked);
                }
            } else {
                for(var i of test){ 
                    i.checked = false;
                //alert(i.checked);
                }
            }

        }
    </script>

깔끔하게 이거면 끝난다.