什么使HTML表格行被选中？

Question

我有一个HTML表格，在给定的行中我有一个单选按钮和文本字段 选择给定表行的原因是什么？
单击单选按钮时是否需要手动设置课程？

我尝试过使用

$("#myTable tr.selected").length;

它似乎永远找不到它。

单击单选按钮时，我可以手动连接事件以设置类。但是，如果有一种更简单的方法可以实现我的学习方式。

Answer 1

如果要通过更改其背景颜色来突出显示所选行，则需要在所选行上设置一个类（并在选择更改时清除该类）。请查看此问题以获取更多信息：jQuery to highlight table row on radio select

如果要查找包含已选中单选按钮的行，请尝试以下操作：

$('#myTable input:checked').closest('tr')

Answer 2

您需要向单选按钮添加一个事件侦听器，以将selected类添加到表行。像这样：

$('#radioButton').on('click', function(e) {
  $(this).closest('tr').addClass('selected');
}

Answer 3

<input type="radio" name="image"  value="xyz" checked="checked" />