html文件shift选择问题,javascript – 使用Ctrl单击和Shift单击选择多个HTML表格行

Demo

我想使用Windows Shift和Ctrl键选择多行,如Windows中的多个文件夹选择.

从所选行的表中,我必须获取第一列(学生ID),并传递给服务器端C#并从数据库中删除这些记录.

我已经在javascript中编写了代码,但是该类名未被应用到< tr>在Shift或Ctrl左键单击.

HTML

IDNameClass

1John4th2Jack5th3Michel6th4Mike7th5Yke8th64ke9th77ke10th

JavaScript的

var selectedrow;

function RowClick(currenttr,lock) {

var trs =tableStudent.tBodies[0].getElementsByTagName("tr");

var cnt;

if(window.event.button==2)

{

if(currenttr.className=='selected')

return false;

}

alert(trs.length);

if (((window.event.shiftKey) && (window.event.ctrlKey) ) ||(window.event.shiftKey))

{

for(var j=0; j

{

if (trs[j].className!='normallock')

{

trs[j].className='normal';

}

}

var mark=false;

if (typeof(selectedrow)=="undefined")

{

selectedrow=currenttr;

selectedrow.className='selected'

return false;

}

for(var j=0; j

{

if ((trs[j].id ==selectedrow.id) || (trs[j].id ==currenttr.id) )

{

if (trs[j].className!='normallock')

{

trs[j].className='selected'

mark = !(mark);

}

}

else

{

if(mark==true)

{

if (trs[j].className!='normallock')

trs[j].className='selected'

}

}

}

}

else if(window.event.ctrlKey)

{

//if ctrl key is seelcted while selecting the patients

// select the patient with currently clicked row plus

// maintain the prevIoUs seelcted status

cnt=0;

for(var j=0; j

{

if(trs[j].id == currenttr.id)

{

if(trs[j].className=='selected')

{

trs[j].className='normal';

}else

{

trs[j].className='selected';

}

}

if(trs[j].className=='selected')

{

cnt++;

}

}

if(cnt==0)

{

selectedrow=undefined;

return false;

}

}

else

{

for(var j=0; j

{

if(trs[j].id == currenttr.id)

{

trs[j].className='selected'

}

else

{

if (trs[j].className!='normallock')

trs[j].className='normal';

}

}

}

selectedrow=currenttr;

}