翻页勾选复选框（jq cookie实现）

第一步 引入js（jquery.cookie.js）

第二步 写一个文本框<input  type="hidden"  id="msg" value=""  >

第三步（js代码）

$().ready(function(){
　　　　//获取cookie的值
　　　　var msg = $.cookie('msg');
　　　　//将获取的值填充入输入框中
        $('#msg').val(msg);
        //将文本框的值 转换成数组
　　　　var msgs = $('#msg').val().split(',');
        //文本框中的值有和当前页对应的值就选中
        $("input[name='id[]']").each(function(){
             for(var i=0;i<msgs.length;i++){
                if($(this).val()==msgs[i]){
                    　　$(this).attr('checked',true);
                }
             }
        });
});

$(function(){

    $("input[name='id[]']").on('click',function(){
         var msg = $('#msg').val();//获取存储的值
         var checkbox = $(this).val();//获取选中的文本框的值
         var checkbox_value = "";//判断当前页的值和文本框存储的值 是否有对应的标识
         var msgs ="";
         if(msg==""){
               msg =$('#msg').val(checkbox+',');
         }else{
              //将文本框的值 转换成数组
        　  msgs = $('#msg').val().split(',');
              var index = 0;
              //文本框中的值有和当前页的值对应就先删除
               for(var i=0;i<msgs.length;i++){
                     $("input[name='id[]']").each(function(){
                         if($(this).val()==msgs[i]){
                            msgs.splice(index,1);
                            checkbox_value =1;　
                         }
                      });
                      index++;
               }


               if(checkbox_value==1){
                     $("input[name='id[]']:checked").each(function() {
                             msgs+=$(this).val()+',';
                     });
                     $('#msg').val(msgs);
               }else{
                   $("input[name='id[]']:checked").each(function() {
                         msg+=$(this).val()+',';
                   });
                   $('#msg').val(msg);
               }
         }

                //存储一个带1天期限的cookie
　　　　$.cookie("msg", $('#msg').val(), { expires: 1 });
       
    });
});

//点击查询清除cookie
$('#submit_btn').on('click',function(){
    $.cookie("msg", $('#msg').val(), { expires: -1 });
});

//关闭页面的时候 清除cookie(这个方法没有做测试)
$(window).unload(function(){
    $.cookie("msg", $('#msg').val(), { expires: -1 });
});