[JavaScript] 회원가입 약관동의 체크박스 전체선택, 해제

 

HTML

<input type="checkbox" name="unChk">체크박스
<input type="checkbox" name="chk" checked>체크박스

JS

var unChk = document.querySelector("input[name=unChk]").checked;
var chk = document.querySelector("input[name=chk]").checked;
// 어떤요소가 체크되어 있는 여부는
// .checke로 체크 유무 검사가능 
console.log(unChk); // false
console.log(chk); // true

 

 

 

회원가입 화면 중 약관동의 체크박스 화면

 

 

<input type="checkbox" name="chk" value="chk">체크

 

 

name의 agree_all(모두 동의 체크박스)의 요소를 체크하면 agree_all의 chang이벤트 발생하여

name값이 agree인 모든 데이터를 찾아 속성값을 전체 선택된 true값으로 변경되고,

name의 agree_all(모두 동의 체크박스)의 요소를 체크를 해지하면

name값이 agree인 모든 데이터를 찾아 속성값을 전체 선택된 false값으로 변경