怎么实现已经选中一行？

Question

<table>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
</table><script>
function test()
{
var theElem = window.event.srcElement;
while( theElem && theElem.tagName.toUpperCase() != 'TD' )
  theElem = theElem.parentElement;
if( theElem == null ) return;
for(var i=0;i<document.getElementsByTagName("TD").length;i++)
document.getElementsByTagName("TD")[i].style.backgroundColor="#FFFFFF"
theElem.style.backgroundColor="#CCCCCC"
}
</script>

Answer 1

<table>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
</table><script>
function test()
{
var theElem = window.event.srcElement;
while( theElem && theElem.tagName.toUpperCase() != 'TD' )
  theElem = theElem.parentElement;
if( theElem == null ) return;
for(var i=0;i<document.getElementsByTagName("TD").length;i++)
document.getElementsByTagName("TD")[i].style.backgroundColor="#FFFFFF"
theElem.style.backgroundColor="#CCCCCC"
}
</script>

Answer 2

<table>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
<tr><td onclick="test()"><a hreg="#">test</a></td></tr>
</table><script>
function test()
{
var theElem = window.event.srcElement;
while( theElem && theElem.tagName.toUpperCase() != 'TD' )
  theElem = theElem.parentElement;
if( theElem == null ) return;
for(var i=0;i<document.getElementsByTagName("TD").length;i++)
document.getElementsByTagName("TD")[i].style.backgroundColor="#FFFFFF"
theElem.style.backgroundColor="#CCCCCC"
}
</script>

Answer 3

<script>
<!--
function CCA(CB){
if (CB.checked)
hL(CB);
else
dL(CB);
}
function hL(E){
if (document.all)
{
while (E.tagName!="TR")
{E=E.parentElement;}
}
else
{
while (E.tagName!="TR")
{E=E.parentNode;}
}
E.className = "H";
}
function dL(E){
if (document.all)
{
while (E.tagName!="TR")
{E=E.parentElement;}
}
else
{
while (E.tagName!="TR")
{E=E.parentNode;}
}
E.className = "L";
}
//-->
</script>
<style>
<!--
TR.H {BACKGROUND-COLOR: #ccccff}
TR.L {BACKGROUND-COLOR: #efffff}
//-->
</style><table border=0 width=100%>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
<tr>
<td width="100%" style="border:1px solid;" >
<input type=checkbox onclick="CCA(this);">
</td>
</tr>
</table>