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

当用户单击行中的任意位置时，我需要选择一个单选输入，并在鼠标经过该行时突出显示该行。我一直在尝试一些选项，但无法与jquery / javascript分开使用，但我敢肯定有某种方法可以使其与纯html / css一起使用。
我想要的是类似于此处调查的第一个问题：
http://es.surveymonkey.com/r/?sm=AX63qikOtbq%2bur0kXj1VwA%3d%3d

我知道可以使用label + inputs加上“ tables”或“ display：table-row;”来完成或宽度，但我只是无法使其工作。
我将不胜感激。

最佳答案

在您的tr上使用css可获得悬停效果，例如：

ROW_CLASS:hover{
    background-color: COLOR
}

然后在所有tr上添加带有或不带有jquery中的类的click事件处理程序，例如：

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

关于javascript - 单击该行时选择一个单选输入，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26746307/