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