jQuery檢查是否：在加載時檢查

Question

如何檢查頁面載入時是否選中該複選框，如果檢查過，則將該類設置爲活動？

jsFiddle

<label class="volume" for="mChatUseSound">click</label> 
<input type="checkbox" id="mChatUseSound" /> 

$('.volume').click(function(){ 
    $(this).toggleClass('active'); 
}); 

.active{ 
    background:#FF0000; 
} 

Answer 1

$(function(){ 
    if($('#mChatUseSound').is(':checked')){ 
     $('.volume').toggleClass('active'); 
    } 
}); 

Answer 2

//toggle can even unset the class  
    //dont use toggle 
if($('#mChatUseSound').is(':checked')){ 
     $(this).addClass('active'); 
    } 

Answer 3

使用switch參數的.toggleClass()

DEMO

$(function() { 
    $('.volume').toggleClass('active', $('#mChatUseSound').is(':checked')); 
}); 

Answer 4

$(document).ready(function() { 
    if($('#mChatUseSound').is(':checked')){ 
     $('.volume').toggleClass('active'); 
    } 
}); 

Answer 5

我猜你可能想是這樣的 - 傳遞一個條件toggleClass()，並觸發事件處理程序馬上

$(function(){  
    $('#mChatUseSound').change(function(){ 
     $('.volume').toggleClass('active',this.checked); 
    }).change(); 
}); 

FIDDLE