jquery - jQuery 检查是否 :checked on load

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

我猜你可能想要这样的东西 - 将条件传递给toggleClass()并立即触发事件处理程序

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

小提琴

Answer 3

使用.toggleClass()switch的参数

演示

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

Answer 4

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

Answer 5

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