jQuery addClass如果单选按钮检查

Question

任何人都可以帮我解决这个问题吗？

$(document).ready(function() { 
    if(
     $("input.check").is(":checked")){ 
      $(this).parent().addClass("question-box-active"); 
    } 
}); 

我想添加一个类（问题框活动）的.check（一个单选按钮）的父母，只有当它被检查。如果我使用警报测试，它工作正常，但我无法设法添加该类。

谢谢大家的帮助。

更新：这是表单的HTML。我从48中只复制了3个div。正如你可能猜测的那样，如果在加载页面时已经选中了单选按钮，我试图向问题框添加一个类。到目前为止没有运气。

<div class="question-box"> 
    <input class="check" type="checkbox" name="question-1" value="1" <?php if(isset($_POST['question-1'])) echo "checked"; ?> /> 
    <span class="question">1. Save a rainforest or grow organic vegetables</span> 
</div> 

<div class="question-box alt"> 
    <input class="check" type="checkbox" name="question-2" value="1" <?php if(isset($_POST['question-2'])) echo "checked"; ?> /> 
    <span class="question">2. Solve complicated math problems</span> 
</div> 

<div class="question-box"> 
    <input class="check" type="checkbox" name="question-3" value="1" <?php if(isset($_POST['question-3'])) echo "checked"; ?> /> 
    <span class="question">3. Act in a movie, play, or television show</span> 
</div> 

Answer 1

尝试像

$('input.check').is(':checked').each(function() { 
    $(this).parent().addClass('question-box-active'); 
}); 

Answer 2

我觉得$(this)是不是指的单选按钮，你的情况

你可以绑定的单选按钮的点击事件，并决定如何从那里做...

$(document).ready(function(){ 
    $("input.check").click(function(){ 
     if($(this).is(":checked")){ 
      $(this).parent().addClass("question-box-active"); 
     } 
    }); 
}); 

Answer 3

您正在使用的this位于ready处理函数回调的函数上下文中，因此它不像您期望的那样指向input.check。

尝试这样代替：

$(document).ready(function() { 

    var foo = $('input.check'); 

    if (foo.is(':checked')) { 
     foo.parent().addClass('question-box-active'); 
    } 

}); 

这是假设你的代码的逻辑是正确的。不过，我认为你正在尝试做类似于Doug在另一个答案中提供的内容。发布一些HTML可能有助于澄清。

Answer 4

这将工作。

$(document).ready(function() { 

    var foo = $('input.check:checked'); 

    if (foo.is(':checked')) { 
     foo.parent().addClass('question-box-active'); 
    } 
});