<table  id="tb1" width="790" border="1" cellpadding="0" cellspacing="0">
    <tr onclick="bgChange(this)">
        <td><input value="aaaaaaaa" style="border:0;width:100%"></td>
    </tr>
    <tr onclick="bgChange(this)">
        <td><input value="bbbbbbbb" style="border:0;width:100%"></td>
    </tr>
    <tr onclick="bgChange(this)">
        <td><input value="cccccccc" style="border:0;width:100%"></td>
    </tr>
    <tr onclick="bgChange(this)">
        <td><input value="dddddddd" style="border:0;width:100%"></td>
    </tr>
    <tr onclick="bgChange(this)">
        <td><input value="eeeeeeee" style="border:0;width:100%"></td>
    </tr>
</table>
<script language=javascript>
 last=document.getElementsByTagName("tr")[0]
function bgChange(obj)
{
last.style.backgroundColor="#ffffff"
last.childNodes[0].childNodes[0].style.backgroundColor="#ffffff"
last=obj
obj.style.backgroundColor="#0099FF"
obj.childNodes[0].childNodes[0].style.backgroundColor="#0099FF"

}
</script>