表格复选和复选变色效果

<style type="text/css">   
<!--    
.row {}{BACKGROUND-COLOR: expression(rowIndex%2==1?'':'#F5F5F5')}    
Body {}{FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}    
Td {}{FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}    
.tb {}{border-collapse: collapse}    
-->   
</style>   
<script language="JavaScript" type="text/JavaScript">   
//复选    
function selectAll(chk)    
{      
var chk = document.form1.chkAll.checked;    
for (i=0;i<document.all.length;i++) {    
if (document.all[i].name=="id[]") {    
document.all[i].checked=chk;    
chkRow(document.all[i]);    
}}}    
   
   
//复选后单元格变色    
function chkRow(obj){    
var r = obj.parentElement.parentElement;    
if(obj.checked){ r.style.backgroundColor="#E6E9F2";}    
else {if(r.rowIndex%2==1)r.style.backgroundColor="";else r.style.backgroundColor="#F5F5F5";}    
}    
</script>   
<table width="50%" border="1" cellpadding="3" cellspacing="0" bordercolor="#333333" class="tb">   
<form name="form1" method="post" action="">   
 <tr class="row">   
  <td width="5%"> </td>   
  <td width="33%" align="center"><strong>论坛名称</strong></td>   
  <td width="62%" align="center"><strong>网 址</strong></td>   
 </tr>   
 <tr class="row">   
  <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>   
  <td align="center">织梦乱弹</td>   
  <td align="center"><a href="http://www.it365cn.com/bbs" target="_blank">http://www.it365cn.com/bbs</a></td>   
 </tr>   
 <tr class="row">   
  <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>   
  <td align="center">经典论坛</td>   
  <td align="center"><a href="http://www.blueidea.com/bbs" target="_blank">http://www.blueidea.com/bbs</a></td>   
 </tr>   
 <tr class="row">   
  <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>   
  <td align="center">点燃灵感</td>   
  <td align="center"><a href="http://www.fwcn.com/bbs" target="_blank">http://www.fwcn.com/bbs</a></td>   
 </tr>   
 <tr class="row">   
  <td colspan="3"><input type="checkbox" name="chkAll" title="全选/取消" onclick="selectAll()"> <strong>全选/取消</strong></td>   
  </tr>   
</form>     
</table>