jq:翻页时，保存上页多选框checkbox选中状态

这里主要讲一种：中间的 checkbox 是 通过Ajax调出的。

则翻页时，为了保存上页的选定状态，可在页面中定义一个变量，用来存储选中状态的值。

<input class="click_checkbox" name="userpri[]" value=""  type="checkbox">香蕉
<input class="click_checkbox" name="userpri[]" value=""  type="checkbox">苹果
<input class="click_checkbox" name="userpri[]" value=""  type="checkbox">梨子
<input class="click_checkbox" name="userpri[]" value=""  type="checkbox">草莓
<input class="click_checkbox" name="userpri[]" value=""  type="checkbox">芒果
    

jq代码:(点击一下加入变量中，再点击去除)

//定义一个变量用于存储选中复选框的值
var sel_a=[];
//选中时插入，取消时去除
$(document).on("click",".click_checkbox",function(){
      var v=$(this).val();
         if ($.inArray(v,sel_a)==-1){
                sel_a.push(v);
            }else{
                for(var i=0;i<=sel_a.length-1;i++){
                    if(sel_a[i]==v){
                        sel_a.splice(i,1);
                    }
                }
            }
    
});

数据反调时，显示保存的多选框状态

 //返调页面数据的ajax
function sstart(){
        
        $.ajax({
            type:"POST",
            url:url,
            data:o,
            success:function(t) {

            //将选中的复选框状态显示出来    
                       $(".click_checkbox").each(function(){
                            var v=$(this).val();
                            if ($.inArray(v,sel_a)!=-1){
                              $(this).prop("checked",true);
                              }
                          })
            },
            error:function(e){
                $.dengdai.close();
                $.alert("提交失败，请检查网络");
            }
        });


   }