체크박스 시프트(shift) 멀티선택

뽁스

· 6년 전 · 조회 3615 3615

링크

https://stackoverflow.com/questions/659508/how-can-i-shift-select-multiple-checkboxes-like-gmail (3020) https://www.google.co.kr/search?newwindow=1&source=hp&ei=LuKRXKiyE8W18QXU75vABQ&q=checkbox+shift+select&oq=checkbox+shift&gs_l=psy-ab.1.0.0i203j0i30l3j0i5i30l5j0i8i30.1157.11223..13178...0.0..0.158.1855.0j15......0....1..gws-wiz.....0..35i39j0j0i131.PgZNZy38Olc (240)

고객 요청이 있어서 구글링~ 스택에서 찾았습니다.

체크박스 선택 후 시프트 클릭 후 원하는 곳 클릭하면 다중선택 됩니다.

게시판 목록의 체크박스에 적용해도 좋을 것 같아서 올려 봅니다.

기타 방법들도 링크 참고하세요~

$(function() {
    var $chkboxes = $('.chkbox');
    var lastChecked = null;

    $chkboxes.click(function(e) {
        if(!lastChecked) {
            lastChecked = this;
            return;
        }

        if(e.shiftKey) {
            var start = $chkboxes.index(this);
            var end = $chkboxes.index(lastChecked);

            $chkboxes.slice(Math.min(start,end), Math.max(start,end)+ 1).prop('checked', lastChecked.checked);

        }

        lastChecked = this;
    });
});

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4976	기타	html 색상표 [1]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2120
4975	웹서버	UWAMP를 이용한 USB포터블 PHP개발환경 만들기 [1]	nooree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2768
4974	node.js	NODE_JS + Nunjucks 설정	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2137
4973	PHP	한글 초성 추출하기 [10]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3639
4972	기타	MAC OS 도커 쉽게 설치하기 [1]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2262
4971	JavaScript	input text 에 여러 이벤트 걸기 두기. [1]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2488
4970	웹서버	Linux로 웹서버 구축 시 SELinux 관련 문제해결방안 [7]	디누 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4124
4969	JavaScript	Javascript를 최적화하는 13가지 팁 [4]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2783
4968	JavaScript	URL이 올바른지 체크 [2]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	1935
4967	JavaScript	IE, Edge 브라우저에서는 해당 사이트가 접속이 안되게 하는 코드 [2]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2045
4966	JavaScript	구글 맵 독도 표기 되도록.	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2116
4965	PHP	date 함수에서 사용할 수있는 포맷문자열	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2104
4964	기타	[한줄팁] mongodb 한글 like 검색 및 mulitiple 단어 검색...	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2923
4963	JavaScript	js playground	불사pa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2090
4962	JavaScript	javascript에서 php를 호출하여 내용 변경하기	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2286
4961	jQuery	audio.js 미디어 파일 css 및 제어 가능한 플러그인 입니다. [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2095
4960	PHP	DB 테이블에 저장된 카테고리를 트리형식으로 변수에 담기 [2]	티로그 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2739
4959	기타	linux readhat계열 mongodb 설치하기 [1]	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2568
4958	PHP	간단하게 date 함수 요일 숫자를 한글로 나타내는법 [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4577
4957	기타	기시판 질문입니다. [6]	숙향 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2097
4956	정규표현식	정규식 테스트 연습 편하게 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2324
4955	정규표현식	제목에 특수문자 정리하는 정규식 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2676
4954	웹서버	테스트용으로 쓸 완전 무료 웹호스팅 [3]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4138
4953	PHP	slack webhook 관련 자료 [1]	늘맑음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2526
4952	PHP	간단한 백엔드 만들기 클래스 [1]	몰라무서워 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3214
4951	MySQL	MySQL(MariaDB) DATABASE, 사용자 생성 및 권한 추가 [5]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4131
4950	jQuery	체크박스 시프트(shift) 멀티선택 현재 보는 글	뽁스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3616
4949	node.js	Node.js MongoDB Drop [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2682
4948	node.js	여러 데이터 삭제 [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2406
4947	node.js	Node.js MongoDB 삭제	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2647