如何用jquery分隔每个tr表

时间:2014-04-17 18:27:37

标签: jquery html-table

我有一张桌子。在那张桌子上,我使用了像jQuery切换单选按钮的东西。这是我的工作:http://jsfiddle.net/96t7D/

我的目标是用户只能选择一个" Y"按钮连续,这就是为什么,我已经使用了像单选按钮这样的东西(但不完全是单选按钮,因为,我必须高度修改该按钮,这对于真正的单选按钮来说可能很难)。但问题是,现在只能在整个表格中选择一个按钮。我不需要整张桌子。我需要每一行,以便用户可以选择一个" Y"第一行按钮,他们必须选择一个" Y"第二行按钮,依此类推。简而言之,在每一行都应该有一个选定的" Y"单击用户按钮。我用jQuery需要它。现在,我的剧本是为整个" Y"按钮。我需要它将被每一行分开,以便它在行的基础上工作。但是,我无法理解如何为每一行分隔这个脚本(我不想为每一行使用不同的id,因为可能有大量的行,所以,它'难以在脚本中定义所有id):

$('.toggleButtonRadio').click(function(){
    $('.toggleButtonRadio').removeClass("active");
    $(this).toggleClass("active");
});

1 个答案:

答案 0 :(得分:1)

您可以使用:

$('.toggleButtonRadio').click(function(){
    $(this).parent().siblings('td').find('.toggleButtonRadio').removeClass("active");
    $(this).toggleClass("active");
});

<强> Updated Fiddle