Jquery 复选框触发事件

Question

我有一系列复选框，我为其编写了单击时的 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();
   }
  });
});

正如你在上面看到的。主要是复选框类。单击该按钮后，我将打开另一系列复选框。现在我希望当他们再次访问该页面时自动为他们的复选框完成此操作

Answer 1

使用 session 或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>