实现类似资源管理器一样的选择方案
按住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;
});

评论() 相关

收藏

赞

weianguo

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。