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>

现在，如果我加载包含上述代码的页面，那么对于第三个 li，将添加一个类，因为相应的单选按钮已被选中。

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，因此将其更改为 like a1,a2,a3

Answer 3

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