html选择区间,shift键完成区间选中.html

测试页面

//选择全部

function checkAllItem(obj) {

var box = document.getElementsByName("box");

for (var index = 0; index < box.length; index++) {

if (obj.checked) {

box[index].checked = true;

} else {

box[index].checked = false;

}

}

}

//全局变量

var shiftKeyDown = false;

function keyDownHandler(event) {

shiftKeyDown = true;

}

function keyUpHandler(event) {

shiftKeyDown = false;

}

function selectRow(obj) {

if (shiftKeyDown) {

var checks = $(":checkbox[name='box']");

var currentIndex = checks.index($(obj)[0]);

var lastIndex = -1;

var box = document.getElementsByName("box");

for (var index = 0; index < box.length; index++) {

if (box[index].checked) {

if (index != currentIndex) {

lastIndex = index;

if (index < currentIndex)

break;

}

}

}

if (lastIndex == -1) {

return;

}

if (lastIndex < currentIndex) {

for (var i = lastIndex; i <= currentIndex; i++) {

if (obj.checked) {

box[i].checked = true;

} else {

box[i].checked = false;

}

}

} else {

for (var i = currentIndex; i <= lastIndex; i++) {

if (obj.checked) {

box[i].checked = true;

} else {

box[i].checked = false;

}

}

}

}

}

javascript代码实现按住shift键完成复选框的区间选中

全选	列1	列2
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell
	Cell	Cell

一键复制

编辑

Web IDE

原始数据

按行查看

历史