jquery - jqueryに親要素のクラスを追加

Question

いくつかのliタグがあり、各liタグ内にラジオタイプの入力タグがあります。お気に入り

<li><input type='radio' value='cool' name='radiooption' id='2'>2</li>
<li ><input type='radio' name='radiooption' value='cool1' id='3'>3</li>
<li><input type='radio' value='cool' name='radiooption' checked="checked" id='4'>4</li>
<li><input type='radio' value='cool' name='radiooption' id='5'>5</li>

上記のコードを含むページを読み込むと、対応するラジオ ボタンが既に選択されているため、3 番目の li に 1 つのクラスが追加されます。

Answer 1

$("input[name='radiooption']").on("change", function() {
    $(this)
        .parent()
        .addClass("myClass")
        .siblings()
        .removeClass("myClass");
});​

デモ: http://jsfiddle.net/kEfkY/

Answer 2

$('input[type="radio"]').click(function(){
$(this).parent().addClass('class');
});

ところで、問題が発生する可能性がある入力のIDを変更する必要があるため、a1、a2、a3のように変更してください

Answer 3

$(function() {
    $('input[name="radiooption"]').each(function() {
        if (this.checked) $(this).closest('li').addClass('myClass');
    });
});