javascript - 单击该行时选择单选输入

Question

我需要在用户单击行中的任意位置时选择一个单选输入，并在鼠标经过它时突出显示该行。我一直在尝试一些选项，但除了那些使用 jquery/javascript 的选项之外，我什么也做不了，但我确信有一些方法可以让它与纯 html/css 一起工作。
我想要的是这里调查的第一个问题:
http://es.surveymonkey.com/r/?sm=AX63qikOtbq%2bur0kXj1VwA%3d%3d
我知道可以通过标签+输入加上“表格”或“显示:表格行”来完成。或宽度，但我无法使其工作。我将不胜感激。

Answer 1

在 tr 上使用 css 来获得悬停效果，例如:

ROW_CLASS:hover{
    background-color: COLOR
}

然后在所有 tr 上添加一个点击事件处理程序，有或没有 jquery 中的类，例如:

$("tr").click(function() {
    $(this).find("input:radio:first").prop("checked", true).trigger("click");
});