table行的选择(含ctrl,shift)

原创 2007年09月29日 17:19:00

table行的选择(含ctrl,shift),ctrl按下则支持无序多选,shift按下则支持有序多选

<html >

<head >
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312" >
<title >new   page </title >
<script >
var   ctrl=false;
var   shift=false;
document.onkeydown=function   (){
if(event.keyCode==17){
ctrl=true;
}else   if(event.keyCode==16){
shift=true;
}
};
document.onkeyup=function   (){
ctrl=false;
shift=false;
}
function   choose(obj){
var   rowI=event.srcElement.parentNode.rowIndex;
if(ctrl&&shift)   return;
if(!ctrl&&!shift){
for(var   i=0;i <table1.rows.length;i++){
table1.rows(i).cells(0).firstChild.checked=false;
table1.rows(i).bgColor="";
}
table1.rows(rowI).cells(0).firstChild.checked=true;
table1.rows(rowI).bgColor="red";
table1.currentRow=rowI;
}
if(ctrl){
table1.rows(rowI).cells(0).firstChild.checked=true;
table1.rows(rowI).bgColor="red";
}
if(shift){
for(var   i=0;i <table1.rows.length;i++){
table1.rows(i).cells(0).firstChild.checked=false;
table1.rows(i).bgColor="";
}
if(rowI <table1.currentRow){
for(var   i=rowI;i <=table1.currentRow;i++){
table1.rows(parseInt(i)).cells(0).firstChild.checked=true;
table1.rows(parseInt(i)).bgColor="red";
}
}else{
for(var   i=table1.currentRow;i <=rowI;i++){
table1.rows(parseInt(i)).cells(0).firstChild.checked=true;
table1.rows(parseInt(i)).bgColor="red";
}
}
}
}
</script >

</head >

<body >
<table   cellpadding="0"   border="1"   cellspacing="0"   width="400"   id="table1"   currentRow="0"   onclick="choose(this)" >
<tr   bgcolor="red" >
<td > <input   type=checkbox   checked >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
<tr >
<td > <input   type=checkbox >  </td >
<td >  </td >
</tr >
</table >


</body >

</html > 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JavaFX2: 鼠标拖动选择和Ctrl+Shift连续区间选择的ListView

JavaFX2的ListView中的多选没有提供鼠标拖动选择的功能,同时按下Ctrl和Shift后连续的区间选中也不支持,以下代码用于处理这两个问题,细节见代码注释:   import com.s...

ctrl+shift回来了:在Win8中找出 中文-美式键盘

众所周知,Win8对输入法进行了严格的归类。中文输入法中只能添加中文输入法, 比如微软拼音这些等(如下图)。 但是在以前的Win7和XP时代,中文输入法中是可以添加英文的。 所以在中文输入...
  • WQ560
  • WQ560
  • 2013-01-30 13:07
  • 393

Eclipse代码格式化、规整化、自定义代码风格 Ctrl + shift + f

Eclipse代码格式化、规整化、自定义代码风格 Ctrl + shift + f

Android Studio 调试过程中快捷查看断点处变量值(Ctrl+Shift+I无效)?

当你在做Keymap到Eclipse后,在debug过程中,在Eclipse中我们很喜欢用Ctrl+Shift+I去查看一个运算或者调用的结果,这样用起来很方便。但是keymap到Eclipse后,你...

myEclipse open Resource ( ctrl +shift+r )快捷键 失效 解决方案

============================================================   myEclipse open Resource 快捷键失效解决方案   ...

extjs treepanel的ctrl、shift多选、连选功能实现

最近需要实现一个树的多选连选功能,但发现extjs的多选模型MultiSelectionModel只提供了类似ctrl的多选功能,并没有提供shift连选的功能。 网上也没有关于实现此功能的例子,于是...

Ctrl shift Alt 快捷键

  • 2015-01-11 22:40
  • 30KB
  • 下载

按CTRL,SHIFT,ALT等键扩展easyui的datagrid多选实现

最近项目开发中要求实现在easyui的datagrid的继承上实现按住键盘的某些设定键(如CTRL,SHIFT,ALT等)实现多选功能,主要是,easyui的datagrid的单选或多选开关属性为si...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)