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

뽁스

· 6년 전 · 조회 3613 3613

링크

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5186	PHP	PHP 로직 실행과정을 웹페이지에 런타임현시 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	943
5185	PHP	세션타임아웃기능	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	962
5184	PHP	유니큐 문자열 생성 함수를 공유해드립니다.	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	538
5183	PHP	나만의 프레임워크를 만들어 본다	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	845
5182	PHP	완벽한 UTF8 지원하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	778
5181	기타	CSS3으로 3디텍스트애니 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1022
5180		Season2 // How To Force SSL On All Pages In .htaccess File	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	574
5179	기타	CSS의 마우스커서 리스트 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1434
5178	PHP	PHP에서 HTML구문을 파싱하는 샘플코드	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	796
5177	JavaScript	자바스크립트로 ctrl+F기능과 유사한 웹페이지내 문자검색기능 작성 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1491
5176	PHP	PHP로 숫자캡챠 이미지 생성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1189
5175		라이트세일 리소스 문제 알림	리오닥터 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	566
5174	기타	selenium 네이버 카페 게시판 제일 첫번째 글 선택하기 [3]	라균 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	816
5173	PHP	$_SERVER 명려어중에서... [5]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	969
5172	PHP	소스 코드가 이상하게 변질되어서 파일 기부[ No Bug 파일 완전판] [7]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1253
5171	기타	팁 다운 팁좀 씁시다. [8]	그누GPT 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1556
5170	PHP	사이트 정보(파비콘, 제목, 설명) 가져오는 함수	친절한태엽씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1053
5169	PHP	xampp의 phpmyadmin 암호 처리 끝내기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1227
5168	PHP	스크립트 해킹 방어 구문 간단 셀프 작성한 것인데... 웬지 쎈 소스 [3]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1200
5167	JavaScript	지정한 범위내에서 랜덤으로 숫자출력하는 스크립트 [3]	안드류KIM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	997
5166	MySQL	배너 노출 관련 쿼리 [4]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1192
5165	MySQL	이진 트리 순회... 무한 계층형 트리 [2]	스팸마요 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1256
5164	PHP	1에서 45까지 랜덤이면서 연속 숫자도 가능한 소스 [3]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1502
5163	OS	리눅스 퍼미션에 무조건. 7계열을 써야 패키지 실행된다?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	843
5162	웹서버	phpmyadmin config.inc.php 않건드리고 사용자 생성(구닥다리정보일수도?)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	893
5161	웹서버	REWRITE 설계도 해주는 사이트 [3]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	975
5160	PHP	멤버십 탈퇴할때 탈퇴문구 넣기 그러나 왜 단일?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	843
5159	PHP	글은 화면에 차고. 카테고리길어져 카테고리는 그냥 화면만큼쓰고 싶고	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	907
5158	PHP	맨 앞글자만 크게 써먹게 하기.(네이트 뉴스 서비스 사용하다 보면 이해함)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	917
5157	PHP	technote ipage를 다르게 구현 (소스가 같으려나....)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	943

[PHP] PHP 로직 실행과정을 웹페이지에 런타임현시 [2]

swallow

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

링크

댓글 작성

게시판 목록

개발자팁

[PHP] PHP 로직 실행과정을 웹페이지에 런타임현시 [2]

[PHP] 세션타임아웃기능

[PHP] 유니큐 문자열 생성 함수를 공유해드립니다.

[PHP] 나만의 프레임워크를 만들어 본다

[PHP] 완벽한 UTF8 지원하기

[기타] CSS3으로 3디텍스트애니 작성하기 [2]

Season2 // How To Force SSL On All Pages In .htaccess File

[기타] CSS의 마우스커서 리스트 [1]

[PHP] PHP에서 HTML구문을 파싱하는 샘플코드

[JavaScript] 자바스크립트로 ctrl+F기능과 유사한 웹페이지내 문자검색기능 작성 [1]

[PHP] PHP로 숫자캡챠 이미지 생성하기 [2]

라이트세일 리소스 문제 알림

[기타] selenium 네이버 카페 게시판 제일 첫번째 글 선택하기 [3]

[PHP] $_SERVER 명려어중에서... [5]

[PHP] 소스 코드가 이상하게 변질되어서 파일 기부[ No Bug 파일 완전판] [7]

[기타] 팁 다운 팁좀 씁시다. [8]

[PHP] 사이트 정보(파비콘, 제목, 설명) 가져오는 함수

[PHP] xampp의 phpmyadmin 암호 처리 끝내기.

[PHP] 스크립트 해킹 방어 구문 간단 셀프 작성한 것인데... 웬지 쎈 소스 [3]

[JavaScript] 지정한 범위내에서 랜덤으로 숫자출력하는 스크립트 [3]

[MySQL] 배너 노출 관련 쿼리 [4]

[MySQL] 이진 트리 순회... 무한 계층형 트리 [2]

[PHP] 1에서 45까지 랜덤이면서 연속 숫자도 가능한 소스 [3]

[OS] 리눅스 퍼미션에 무조건. 7계열을 써야 패키지 실행된다?

[웹서버] phpmyadmin config.inc.php 않건드리고 사용자 생성(구닥다리정보일수도?)

[웹서버] REWRITE 설계도 해주는 사이트 [3]

[PHP] 멤버십 탈퇴할때 탈퇴문구 넣기 그러나 왜 단일?

[PHP] 글은 화면에 차고. 카테고리길어져 카테고리는 그냥 화면만큼쓰고 싶고

[PHP] 맨 앞글자만 크게 써먹게 하기.(네이트 뉴스 서비스 사용하다 보면 이해함)

[PHP] technote ipage를 다르게 구현 (소스가 같으려나....)