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 > 

为什么2 != True ?

为什么 2 != True ?
  • Hammer_DA
  • Hammer_DA
  • 2017年03月08日 21:32
  • 351

简单说 !![]==true 与 []==true 引发的思考

说明直接说出问题 !![] == true //结果是true [] == true //结果是false ![] == [] //结果是true为什么会出现这种情况 解释首先说一下...
  • FE_dev
  • FE_dev
  • 2017年08月18日 14:54
  • 14164

c++中TRUE与true的区别,BOOL与bool的区别

FALSE/TRUE与false/true的区别 1.FALSE/TRUE与false/true的区别: false/true是标准C++语言里新增的关键字,而FALSE/TRUE是通过#defi...
  • u013230291
  • u013230291
  • 2017年12月13日 16:25
  • 66

1 还是 true ?

Python中对于条件判断,可以使用1或者True来作为expression,那么1和True有什么区别? 运行一段代码来看看 import timeit def while_true():...
  • dbvasp
  • dbvasp
  • 2017年04月04日 21:15
  • 179

Java中对应 if(true==a) 和 if(a==true) 区别的代表性回复

if(true==a) 和 if(a==true) 或者if(false==a) 和 if(a==false)  例如:     public static boolean isNumeric(Str...
  • Thinkingcao
  • Thinkingcao
  • 2017年02月16日 16:25
  • 792

js的True、False判断

在js中的条件判断常常让人疑惑,因为js是一种弱类型语言,下面来进行测试,测试常见的变量类型在if条件中的表现 ...
  • xyc_csdn
  • xyc_csdn
  • 2017年04月30日 10:11
  • 2313

True Nobility(《真正的高贵》)By Ernest Hemingway(海明威)

原文:In a calm sea every man is pilot.But all sunshine without shade, all pleasure without pain, is no...
  • zrj000za
  • zrj000za
  • 2016年08月28日 15:38
  • 1598

MyBatis逆向工程

MyBatis逆向工程
  • u012621115
  • u012621115
  • 2016年03月24日 18:41
  • 797

连接数据库超时设置autoReconnect=true(mysql5以上的,设置autoReconnect=true 是无效的 只有4.x版本,起作用)

1,问题现象: com.mysql.jdbc.CommunicationsException: The last packet successfully received from the serve...
  • henryzhang2009
  • henryzhang2009
  • 2015年03月10日 15:10
  • 8290

调用ajax封装POST GET True False 四种状态

JR.ajax = function(obj){     //初始化对象,没填某项时使用默认值代替     obj = {               //请求方法,默认POST       ...
  • sinat_34719507
  • sinat_34719507
  • 2017年04月10日 00:34
  • 417
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:table行的选择(含ctrl,shift)
举报原因:
原因补充:

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