jquery - JQueryラジオボタンがチェックされています

Question

JQuery とラジオボタンでは解決できない問題があります。私がやりたいことは、ラジオボタンが選択されているかどうかを確認することです。選択されている場合は、そのコンテナーのスタイルを変更します。私は以下を持っています：

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

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

これで、ラジオボタンがチェックされているかどうかがチェックされ、チェックされている場合は、関連するクラスがその親に追加されますが、期待どおり、すべての親にクラスが追加されます。

チェックされたラジオボタンの親にクラスを追加したいだけです。

私はこれを試しました

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

しかし、これは何もしないようです。

どうすればこれを機能させることができますか?

ありがとう

score 2 · Accepted Answer

このフィドルを参照してください。jsfiddle.net/7VXXN/

複数のチェックボックスがあり、最初にチェックされている場合、すべての親が「パネルアクティブ」クラスを持っています。代わりに $.each を使用してください。

score 2 · Accepted Answer

これを試していただけますか：

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

またはそのようなものですか？

score 1 · Accepted Answer

最初にすべてのラジオボタンのループを作成して、それぞれをチェックし、クラスをその親に追加する必要があると思います。

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

3 に答える 3