Table 选中一行(转)

 
方法一:
<html>  
   
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <style>  
  .EvenOrOddRow{  
  background-color:   expression((this.sectionRowIndex%2)?'white':'#E0E0E0');  
  }  
   
  </style>  
  <script>  
  var   currentActiveRow;  
  function   changeActiveRow(obj)  
  {  
  if(currentActiveRow)   currentActiveRow.style.backgroundColor="";  
  currentActiveRow=obj;  
  currentActiveRow.style.backgroundColor="Red";  
  }  
   
  </script>  
  </head>  
  <body>  
  <table   width=100%>  
  <tr   bgcolor=aaaaaa   >  
  <td>Code</td><td>Name</td>  
  </tr>  
  <tr   class="EvenOrOddRow"   onclick="changeActiveRow(this);">  
  <td>001</td><td>zhangsan</td>  
  </tr>  
  <tr   class="EvenOrOddRow"   onclick="changeActiveRow(this);">  
  <td>001</td><td>zhangsan</td>  
  </tr>  
  <tr   class="EvenOrOddRow"   onclick="changeActiveRow(this);">  
  <td>001</td><td>zhangsan</td>  
  </tr>  
  <tr   class="EvenOrOddRow"   onclick="changeActiveRow(this);">  
  <td>001</td><td>zhangsan</td>  
  </tr>  
   
  </body>  


方法二:

var   curRow;       //全局行号  
  var   curRowId;   //选中行的记录信息的ID  
  var   curColor;  
  function   selectRow(tr1){  
  if(curRow)  
  {  
  curRow.bgColor=curColor;  
  curColor=tr1.bgColor;  
  tr1.bgColor="#FFE9B3";  
  }else{  
  curColor=tr1.bgColor;  
  tr1.bgColor="#FFE9B3";  
  }  
  curRow=tr1;  
  curRowId=tr1.id;  
  }  
  调用方法:<tr   onclick="selectRow(this)"
0
0
(请您对文章做出评价)

猜你喜欢

转载自blog.csdn.net/zhangwenjiezw886/article/details/39317641