뽁

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

· 2019-03-20 (수) 16:27:47 · 4255

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

 

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

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

 

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

 

 

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

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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
MySQL 20-02-13 조회 3,506
기타 20-01-29 조회 2,660
PHP 20-01-26 조회 3,333
기타 20-01-19 조회 1만
웹서버 20-01-18 조회 3,811
기타 20-01-15 조회 2,667
PHP 20-01-12 조회 4,251
기타 20-01-12 조회 2,699
웹서버 20-01-07 조회 3,550
node.js 20-01-06 조회 2,837
PHP 19-12-19 조회 4,342
기타 19-12-05 조회 2,847
JavaScript 19-12-02 조회 3,119
웹서버 19-11-19 조회 4,984
JavaScript 19-11-05 조회 3,422
JavaScript 19-11-04 조회 2,574
JavaScript 19-11-01 조회 2,686
JavaScript 19-10-31 조회 2,728
PHP 19-10-29 조회 2,754
기타 19-10-26 조회 3,627
JavaScript
[JavaScript]
19-10-17 조회 2,724
JavaScript 19-09-25 조회 2,952
jQuery 19-09-24 조회 2,712
PHP 19-09-23 조회 3,456
기타 19-09-08 조회 3,254
PHP 19-09-03 조회 5,435
기타 19-08-10 조회 2,756
정규표현식 19-08-08 조회 3,011
정규표현식 19-08-05 조회 3,358
웹서버 19-08-05 조회 4,843