JavaScript에서 체크박스 작업하기
이제 체크박스를 다루는 방법을 배워보겠습니다. 체크박스는 선택(checked)과 비선택(unchecked) 두 가지 상태를 가질 수 있는 특별한 표시입니다.
체크박스는 다음과 같이 생성합니다:
<input type="checkbox" id="elem">
체크박스를 선택된 상태로 만들려면
checked 속성을 추가해야 합니다:
<input type="checkbox" checked id="elem">
예를 들어, 우리 체크박스의 상태를 확인해 봅시다:
let elem = document.querySelector('#elem');
console.log(elem.checked);
체크박스와 두 개의 버튼이 주어집니다. 첫 번째 버튼을 클릭하면 체크박스를 선택된 상태로 설정하고, 두 번째 버튼을 클릭하면 선택 해제된 상태로 설정하세요.
체크박스, 버튼, 단락이 주어집니다. 버튼을 클릭했을 때,
체크박스가 선택되어 있으면 단락에 '안녕'이라는 단어를 출력하고,
체크박스가 선택되어 있지 않으면 '잘가'라는 단어를 출력하세요.
