javascript - 仅在一个表格行内设置单选按钮标签的样式

Question

事情是这样的，我有一个表，其中有多行包含单选按钮，我想实现这一目标:

当我检查单选按钮时，相邻标签会改变颜色，并且该单行中的所有其他标签都会失去颜色。

现在我很接近，但我缺少一些 jquery 技能来正确删除同一行的其他单选按钮上的颜色。

这是 fiddle ，值(value)千余字。非常感谢任何帮助。

http://jsfiddle.net/cos33qvk/

Javascript:

$('input:radio').change(function(){
    if($('input:radio').is(":checked")) {
        $(this).parent().find('label i').addClass("on");
    } else {
        $(this).parent().find('label i').removeClass("on");
    }
});

Answer 1

$('input:radio').change(function() {
    // remove color properly on other radio buttons
    $(this).parents('tr').find('td label i').removeClass("on");

    // add class for current label
    if ($('input:radio').is(":checked")) {
        $(this).parent().find('label i').addClass("on");
    }
});

演示:http://jsfiddle.net/cos33qvk/2/