访问包含单选按钮的表格行答案

【问题标题】：Access Table Row containing radio button访问包含单选按钮的表格行
【发布时间】：2010-08-17 22:37:08
【问题描述】：

我有一个包含许多行的表，其中每行包含 3 个 td 元素，其中最后一个始终是单选按钮。

我有一个jQuery函数，该功能在检查这些收音机按钮中的任何一个时就会发射：

 $('input[type=radio]').change(function() {
        $('input[type=radio]').each(function(index) {
            //remove class from tr
        });
        //add class selected to tr
    });

我要做的是将包含所选单选按钮的 tr 的类更改为“已选择”，并从先前选择的选项中删除“已选择”类（用于突出显示）。有没有办法从单选按钮访问 tr？

【问题讨论】：

标签： jquery

【解决方案1】：

试试这个：

$('input[type=radio]').change(function() {

  $('input[type=radio]').each(function(index) {
      $(this).closest('tr').removeClass('selected');
  });

  $(this).closest('tr').addClass('selected');
});

请注意，您可以使用 $(':radio') 而不是 $('input[type=radio]') 来缩短它。

更多信息：

http://api.jquery.com/closest/

【讨论】：

【解决方案2】：

这可以通过从所有 tr 中删除类 selected 来完成，然后在我们想要的位置添加。简单诶。。

$('input[type=radio]').change(function() {
    $(this).parents('table').find('tr').removeClass('selected');
    $(this).parents('tr:first').addClass('selected');
});

【讨论】：