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);
                    }
                }
            }
    
});

 

數據反調時，顯示保存的多選框狀態

 1  //返調頁面數據的ajax
 2 function sstart(){
 3         
 4         $.ajax({
 5             type:"POST",
 6             url:url,
 7             data:o,
 8             success:function(t) {
 9 
10             //將選中的複選框狀態顯示出來    
11                        $(".click_checkbox").each(function(){
12                             var v=$(this).val();
13                             if ($.inArray(v,sel_a)!=-1){
14                               $(this).prop("checked",true);
15                               }
16                           })
17             },
18             error:function(e){
19                 $.dengdai.close();
20                 $.alert("提交失敗，請檢查網絡");
21             }
22         });
23 
24 
25    }