본문 바로가기
Font-End

HTML checkbox 체크박스 일괄선택(전체선택), 일괄취소(전체취소)

by Junmannn 2022. 10. 3.
반응형

See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen.

오늘은 HTML 파일 내에서 쉽게 전체체크, 전체취소 기능을 만들어 보았어요. JS 로 빼놓은 기능을 script 태그에 넣으셔도 무방합니다.

유의하실 점은, 저는 $태그로 정보를 가져오고 있기에,

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>

위와 같이 jquery 를 cdn 으로 들여왔어요. 성능에 저하가 있거나, 데이터를 많이 잡아먹지 않습니다. 넌무 걱정없이 사용하셔도 됩니다. 더 편한 방법들은 항상 존재합니다 각자의 입맛에 맞는 것을 찾아 연습하면 좋을 것 같아요 :)

 

반응형