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
반응형
'javascript > javascript' 카테고리의 다른 글
[자바스크립트 플러그인]그리드 관련 플러그인 Muuri (0) | 2019.06.18 |
---|---|
[자바스크립트 플러그인]쉽고 간단하게 스크롤 애니메이션 등록하기 WOW.js (0) | 2019.06.17 |
[자바스크립트 플러그인]모바일 최적화(터치기능) 반응형 이미지 슬라이드 모달(팝업)창 플러그인 (0) | 2019.06.12 |
[javascript]특정시간 이후에 동작하는 setTimeout / 특정 시간마다 반복동작하는 setInterval / setInterval을 종료하는 clearInterval (0) | 2019.06.12 |
[자바스크립트플러그인]slick progressbar 만들기 (3) | 2019.05.28 |
댓글