html,css,js

JS - toggle 버튼 구현

최시엘 2021. 6. 28. 13:45

웹 개발중에

css 작업해주신 분이 토글 버튼을 이미지로 주셨다..

그럴수 있지..  재 작업 고고~

 

아래와 같은 형식의 토글 버튼을 작업을 하려한다.

toggle OFF
toggle ON

 

토글버튼 부분을 클릭할 때 input이 checked 인지 확인하고 addClass, removeClass 를 통해 구현하였다.

자세한 코드는 아래 코드펜 링크를 봐주길..

 

https://codepen.io/choiyoungjun90/pen/qBmWzZa

 

toggle_btn with jquery

...

codepen.io

 

'html,css,js' 카테고리의 다른 글

timepicker with Swiper.js  (1) 2021.06.29
[css] -webkit-padding, -webkit-margin  (1) 2021.05.20
[CSS] 디폴트 설정  (0) 2021.05.12
HTML의 시작[Visual Studio Code 설치 및 실행]  (0) 2018.11.20