체크박스 값 확인 및 가져오기 (checkbox value checked)

<input type="checkbox" id="chbox">

체크 박스는 토글 기능이 있는 태그다.
radio 가 여러 선택지 중에 하나를 고르는 기능이라면,
checkbox 는 켜거나 끄거나, 둘 중 하나다.

 

이 checkbox 가 켜져 있는지 꺼져 있는지 확인하려면
JavaScript에서 어떻게 접근해야 할까?
checkbox의 현재 체크 상태 값을 받아와야 한다.

 

const chTF = row.querySelector('#chbox').checked;

checkbox 요소는 'checked' 라는 속성을 갖는다.
이 속성 안에 체크 상태 여부가 들어 있다.

 

현재 체크박스가 체크된 상태라면 
checked 속성값이 'true'이고,
체크가 해제된 상태라면 'false'이다.

 

해당 요소가 어떤 속성값들을 갖는지,
그리고 그 속성들의 현재 값은 무엇인지 알려면
크롬의 개발자 도구를 통해서 쉽게 확인 가능하다.