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("提交失败，请检查网络");
             }
         });

    }