如何通过简单js/css实现选中一行的时候，前面的单选框也被选中

怎么通过简单js/css实现选中一行的时候，前面的单选框也被选中？
有一个一览表，任选该行某一位置，都能实现：
1.选中该行成为高亮状态
2.第一列的单选框也被选中

现在这一行的高亮实现了，但是使单选框也被选中却实现不了了。。
请问该怎么写js来实现呢？

先谢谢了~

------解决方案--------------------
在click事件里面

onclick="xx(this)"

function xx(obj)
{
 p = obj.parentNode
 while(p.tagName!="TR") p=p.parentNode
}

p.cells[0].getElementsByTagName("input")[0].checked=true