Question

这是事情，我有一个包含多个行包含单选按钮的表，我想实现这个目的：

当我选中一个单选按钮时，相邻的标签会改变颜色，而这一行中的所有其他标签都会失去颜色。

现在即将关闭，但我缺少一些jquery技能，可以在同一行的其他单选按钮上正确删除颜色。

这是小提琴，价值超过千言万语。非常感谢任何帮助。

使用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/

在一个表行里面的样式单选按钮标签

1 个答案: