웹솔루션개발 25년 노하우! 해피CGI의 모든것

위처럼 체크박스 그룹을 만들고 상단의 체크를 하면 하위 모든 체크박스가 체크 되는 기능입니다. 사용법은 간단합니다. 상단 다운로드 버튼을 눌러 다운 받은 후 cbFamily-v1.js 를 로드 합니다. 그리고 샘플로 명시된 코드처럼 진행하시면 됩니다. 설문조사 등의 페이지를 만들때 유용해 보이니 활용해 보시기 바랍니다.

kcToggle은 기본 브라우저 checkbox 설정을 jQuery 플러그인으로 대체합니다. 적용방법은 다음과 같습니다 첨부된 압축파일을 다운받아 원하는 웹디렉터리에 업로드후 html 웹문서에 적용을 하면 되며 아래와 같이 스크립트 호출후 아래와 같이 checkbox 태그 마지막에 kcToggle 을 붙여주면 변환되며 사용이 간편합니다 디자인 변경이 필요한 경우 첨부파일에 있는 kcToggle.css 를 수정하시면 되겠습니다

위 처럼 개별 체크를 하다가, 모두 체크를 클릭시 일괄 체크가 되며, 다시한번 체크시 일괄 해지되는 간단한 전체선택 jquery 모두체크 폼입니다. 위 처럼 check-all 이라는 class 와 check01 이라는 class 를 이용하여 적용되는 방식입니다. 위 처럼 class 모두체크 항목에는 class 명을 check-all 로 선언하고 개별 체크항목에는 class 명을 check01 로 선언해주어 checkbox 의 name 값이나 id 값에 구애받지 않고 일괄 체크선택, 체크해제 방식을 간단하게 구현할 수 있습니다.