checkbox 일괄선택 제어 라이브러리 checkboxes.js

네이버메일을 사용해보면 메일목록에 있는 체크박스를 shift 키로 컨트롤해 일괄선택이나 부분취소등을 자유롭게 사용할 수 있습니다

 

이걸 구현해주는 라이브러리가 없을까 해서 찾아보니 jquery 라이브러리에 checkboxes.js 라는 라이브러리로 구현가능합니다

 

http://rmariuzzo.github.io/checkboxes.js/#checking-all-checkboxes

checkboxes.js - Check, uncheck, toggle, range selection with SHIFT key, limit number of checked checkboxes and more

 

아래 gif 이미지처럼 (캡쳐화면이라 마우스 포인터는 안보입니다)

shift키를 누른채로 check 박스를 컨트롤 할 수 있습니다

 

728x90

 

gif 이미지에서는 안보이는데 jquery 라이브러리기 때문에 checkboxes.js 선언전에

jquery js 파일이 필요합니다

 

 

jsfiddle 로 만든 실행 예제

https://jsfiddle.net/re5fujwd/

Edit fiddle - JSFiddle - Code Playground