체크박스 시프트(shift) 멀티선택 > 개발자팁

개발자팁

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

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

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

본문

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

 

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

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

 

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

 

 

$(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;
    });
});

추천
3

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT