jquery - 选中 JQuery 单选按钮

Question

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

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

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

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

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

我试过这个

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

但这似乎没有任何作用。

我怎样才能得到这个工作？

谢谢

score 2 · Accepted Answer

你能试试这个：

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

或类似的东西？

score 2 · Accepted Answer

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

如果您有多个复选框并且第一个被选中，则所有父级都具有“面板活动”类。使用 $.each 代替。

score 1 · Accepted Answer

我认为您应该首先对所有单选按钮进行循环，以检查每个单选按钮并将该类附加到其父项：

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

3 回答 3