본문 바로가기
javascript/javascript

[javascript]체크박스(input[type="checkbox"]) 제어하기

by 알찬 퍼블리셔 2019. 6. 14.
728x90
반응형

fieldset, legend을 이용해 보기쉽게 그룹으로 묶어줄 수 있습니다. 

(자동으로 외곽선과 타이틀이 정리됩니다)

 

 

 

checkbox에 onchange 함수를 적용해 체크했는지 체크해제했는지를 확인해서 아래 input text 영역에 값을 넣어준다.

 

 

선택하면 getAttribute 로 값을 가져와서 추가 

 

선택했던걸 해제하면 

,로 잘라(split) 배열로 만들고 일치하는 특정 배열을 자르고(splice) 다시 배열을 합쳐 문자열로 만들어준다(join(","))

 

 

 

 

 

 

[javascript/javascript] - 체크박스 input[type="checkbox"] 전체 체크 구현

[CSS/CSS 응용] - input[type='checkbox'] 로 toggle 버튼 switch 버튼 만들기

[html] - [HTML] input checkbox 체크된 값 확인하기

[CSS/CSS 기초] - [CSS]input[type=radio], input[type=checkbox] 스타일 적용 및 checked 선택자 이용하기

 

728x90
반응형

댓글