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

뽁스

· 6년 전 · 조회 3612 3612

링크

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4736	jQuery	deferred.catch( failFilter )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1561
4735	jQuery	deferred.always (alwaysCallbacks [, alwaysCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1748
4734	jQuery	.dblclick (handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1739
4733	jQuery	제이쿼리 .data()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2036
4732	jQuery	.css (propertyName)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1958
4731	jQuery	.contextmenu( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1460
4730	jQuery	.contents()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1918
4729	PHP	php 구글 OTP 연동 테스트 하던 자료 [9]	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	6904
4728	jQuery	jQuery ( ": contains (text)")	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2563
4727	jQuery	.closest (selector)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1611
4726	jQuery	.clone( [withDataAndEvents ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1691
4725	jQuery	제이쿼리 .click( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1835
4724	jQuery	제이쿼리 .clearQueue ([queueName])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1312
4723	jQuery	제이쿼리 jQuery( ".class" )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1864
4722	jQuery	제이쿼리 .children ([selector])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1629
4721	jQuery	제이쿼리 jQuery ( ": checkbox")	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1918
4720	jQuery	제이쿼리 .change( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1977
4719	jQuery	제이쿼리 callbacks.remove( callbacks )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1603
4718	jQuery	제이쿼리 callbacks.locked ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1609
4717	jQuery	제이쿼리 callbacks.lock()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1559
4716	jQuery	제이쿼리 callbacks.has ([callback])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1237
4715	jQuery	제이쿼리 callbacks.fireWith ([context] [, args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1395
4714	jQuery	제이쿼리 callbacks.fired()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1418
4713	jQuery	제이쿼리 callbacks.fire (arguments)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1335
4712	jQuery	제이쿼리 callbacks.fire (arguments)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2228
4711	jQuery	제이쿼리 callbacks.empty()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1713
4710	PHP	rsa 암호화 클래스	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3748
4709	jQuery	제이쿼리 callbacks.disable ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1630
4708	jQuery	제이쿼리 callbacks.add( callbacks )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1910
4707	jQuery	제이쿼리 .blur( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1765

[jQuery] deferred.catch( failFilter )

수다왕

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

링크

댓글 작성

게시판 목록

개발자팁

[jQuery] deferred.catch( failFilter )

[jQuery] deferred.always (alwaysCallbacks [, alwaysCallbacks])

[jQuery] .dblclick (handler)

[jQuery] 제이쿼리 .data()

[jQuery] .css (propertyName)

[jQuery] .contextmenu( handler )

[jQuery] .contents()

[PHP] php 구글 OTP 연동 테스트 하던 자료 [9]

[jQuery] jQuery ( ": contains (text)")

[jQuery] .closest (selector)

[jQuery] .clone( [withDataAndEvents ] )

[jQuery] 제이쿼리 .click( handler )

[jQuery] 제이쿼리 .clearQueue ([queueName])

[jQuery] 제이쿼리 jQuery( ".class" )

[jQuery] 제이쿼리 .children ([selector])

[jQuery] 제이쿼리 jQuery ( ": checkbox")

[jQuery] 제이쿼리 .change( handler )

[jQuery] 제이쿼리 callbacks.remove( callbacks )

[jQuery] 제이쿼리 callbacks.locked ()

[jQuery] 제이쿼리 callbacks.lock()

[jQuery] 제이쿼리 callbacks.has ([callback])

[jQuery] 제이쿼리 callbacks.fireWith ([context] [, args])

[jQuery] 제이쿼리 callbacks.fired()

[jQuery] 제이쿼리 callbacks.fire (arguments)

[jQuery] 제이쿼리 callbacks.fire (arguments)

[jQuery] 제이쿼리 callbacks.empty()

[PHP] rsa 암호화 클래스

[jQuery] 제이쿼리 callbacks.disable ()

[jQuery] 제이쿼리 callbacks.add( callbacks )

[jQuery] 제이쿼리 .blur( handler )