检查JQuery单选按钮

Question

我有一个问题，我无法用JQuery和单选按钮解决。 我想要做的是检查是否选择了单选按钮，如果是，我改变其容器的样式。 我有下列内容：

if ($("input:radio").is(":checked")) {

    $(".panel").addClass("panel-active");
}

现在检查是否选中了单选按钮，如果是，则将相关类添加到其父级，但它会按预期将类添加到所有父级。

我只想将类添加到选中的单选按钮的父级。

我试过这个

$(this).parent().addClass("panel-active");

但这似乎无能为力。

我怎样才能使这个工作？

由于

Answer 1

你可以试试这个：

$("input:radio:checked").parent().addClass("panel-active");

或类似的东西？

Answer 2

看到这个小提琴。 jsfiddle.net/7VXXN /

如果您有多个复选框，并且首先选中该复选框，则所有父级都具有“panel-active”类。请改用$ .each。

Answer 3

我认为你应首先制作一个所有单选按钮的循环，检查每个按钮并将该类附加到其父级：

$("input:radio").each(function(){
    if($(this).is(":checked")) {
        $(this).parent().addClass("panel-active");
    }
}