代码之家  ›  专栏  ›  技术社区  ›  jkilbride

包含单选按钮的访问表行

  •  1
  • jkilbride  · 技术社区  · 16 年前

    我有一个包含很多行的表,其中每行包含3个td元素,最后一个总是一个单选按钮。

    我有一个jquery函数,当选中这些单选按钮时,它将被激发:

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

    我要做的是将包含选定单选按钮的tr类更改为“选定”,并从上一个选定选项(用于突出显示)中删除“选定”类。有没有办法从收音机按钮上进入变速器档位?

    2 回复  |  直到 16 年前
        1
  •  1
  •   Sarfraz    16 年前

    试试这个:

    $('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]') .

    更多信息:

        2
  •  0
  •   simplyharsh    16 年前

    好吧,这可以简单地通过移除类来完成。 selected 从所有的tr,然后添加到我们想要的地方。简单的EH…

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