ctrl,shift 多选表格行

实现类似资源管理器一样的选择方案
按住ctrl加选，按住shift连选，
active是选中后的CSS效果，自行设计或更改

var lastChecked;

    $('#example tbody').on("click","tr", function(event) {

                 

        if(!lastChecked) {

            lastChecked = this;

        }

         

        if(event.shiftKey) {

            var start = $('#example tbody tr').index(this);

            var end = $('#example tbody tr').index(lastChecked);

     

            for(i=Math.min(start,end);i<=Math.max(start,end);i++) {

                if (!$('#example tbody tr').eq(i).hasClass('active')){

                    $('#example tbody tr').eq(i).addClass("active");

                }

            }

            

            //清楚浏览器光标选择

            if (window.getSelection) {

                if (window.getSelection().empty) {  // Chrome

                    window.getSelection().empty();

                } else if (window.getSelection().removeAllRanges) {  // Firefox

                    window.getSelection().removeAllRanges();

                }

            } else if (document.selection) {  // IE

                document.selection.empty();

            }

        } else if ((event.metaKey || event.ctrlKey)){

            $(this).toggleClass('active');

        } else {

            $('#example tbody tr').removeClass('active');

            $(this).toggleClass('active');  

        }

         

        lastChecked = this;

    });