[javascript]HTML의 체크박스 이용하기

728x90

HTML의 input type은 여러가지가 있다

[HTML]input 속성 종류

input 태그는 일반적인 태그들과는 달리 무언가를 감싸지 않는다 즉 이 없다 input 태그는 무언가를 입력할때 사용된다 input에는 다양한 종류가 있다 글씨를 입력 숫자를 입력 비밀번호를 입력 라

korearaogong.tistory.com

글씨를 클릭해도 체크박스를 움직이는 방법

체크박스는 채크박스 혼자만을 사용하지 않고 "ㅁ동의 합니까" 이런식으로 옆에 글씨를 같이 쓰게 된다

하지만 글씨를 클릭했을 경우에는 체크박스가 작동하지 않는다

이럴때 라벨태그를 사용해주면 된다

<input type="checkbox" id="checkbox_be"> <label for="checkbox_be">동의 합니까</label>

element.checked

input에 클릭하면 발생하는 이벤트인 onclick으로 자바스크립트를 실행 시켜준다

checked를 이용하면 true와 false를 결과로 얻을 수 있다

See the Pen Untitled by korearaogong (@korearaogong) on CodePen.

728x90