Question

我有一些li标签，在每个li标签中，输入标签类型为radio。喜欢

<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，由于已经选择了相应的单选按钮，因此将添加一个类。

Answer 1

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

DEMO： 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');
    });
});

在jquery中为父元素添加类

3 个答案: