Jquery触发事件的复选框

Sar*_*mar 5 checkbox jquery eventtrigger

我有一系列的复选框,我点击了jquery脚本.当用户点击复选框时,它会打开另一系列复选框并继续.现在我的问题是,当用户检查其中几个复选框时,移动到下一页并出于某种原因他/她回到复选框页面.然后我应该把他/她检查过的所有盒子打开.当dom加载时,我写了一个复选框测试

$(document).ready(function(){
   if($('.main').is(':checked')){
      $(this).trigger('click'); 
   }else{
      //do  nothing
   }

  $('.main').click(function(){
      if($('.main').is(':checked')){
       var val = $(this).attr('alt');
       $('#'+val).show();
   }else{
       var val = $(this).attr('alt');
       $('#'+val).hide();
   }
  });
});
Run Code Online (Sandbox Code Playgroud)

如上所述.Main是复选框类.点击它,我打开另一系列复选框.现在,我希望它们在再次访问页面时自动完成其复选框

sai*_*fur 2

使用会话或 cookie 保存 .main 类复选框值,并在返回时相应地检查这些值,然后使用以下代码:

<script type="text/javascript">
$(document).ready(function(){

   $('.main').each(function(){
      if($(this).is(':checked')){
        var val = $(this).attr('alt');
        $('#'+val).show();
      }else{
        var val = $(this).attr('alt');
        $('#'+val).hide();
       }
     });


   if($('.main').is(':checked')){
      $(this).trigger('click'); 
   }else{
      //do  nothing
   }

  $('.main').click(function(){
      if($('.main').is(':checked')){
       var val = $(this).attr('alt');
       $('#'+val).show();
   }else{
       var val = $(this).attr('alt');
       $('#'+val).hide();
   }
  });
});
</script>
Run Code Online (Sandbox Code Playgroud)