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