数据分页显示，附带每个页面的选中状态

今天有人问我怎么在分页当中，附带数据列表中的复选框选择状态。需求是这样的，在切换分页的时候，第一页有N个已经是被选中，再从另一个页切换回来时，还可以看到先前的选择状态。明白了需求，下面我们开始写代码：

 

下面的a,b两个变量本应该是通过一些JS的处理取得页面的复选框数组值 ，现在的数值是模拟来的。b变量应该在调用tabPage时去获得。我在这里只是为提供一个思路，下面的大家自由来发挥

 

 

//取得当前页面列表复选框的所有值，临时空间变量
  var a=[1,2,3,4,5,6,7,10,12];
 //取得当前页面选中的复选框所有值,昨临时变量   
  var b=[3,4,5,6];
 //保存所有的页面选中值,c的值是需要经过后台的交互处理传递
 var c=[3,4,5,6,7];
 
 //上一次操作本页面选中的值及其遍历选中状态 <一, 进入此页面时需要执行的遍历>
 function ergodicSelected(a,c){
     //当前页的遍历后所选中的值
     var currSe=[];
    for(var i=0;i<c.length;i++){
         var index=$.inArray(c[i],a);
        if(index>-1){
            var val= a[index];   
         //alert(val);
         //比对value属性值等于val的为选中状态
           $("input[name=\'item\'][value=\'"+val+"\']").attr('checked',true);
           currSe.push(val);
        }
 
     }
    return currSe;
 }



 var prevCheck=ergodicSelected(a,c);
 /*
 delHaveValue(arr1,arr2)
 判断arr1 是否存在于arr2中，如果存在则从arr2中删除相同的索引键值
 
 */
 function delHaveValue(arr1,arr2){
     for(var j=0;j<arr1.length;j++){
        var index=$.inArray(arr1[j],arr2);
       
        if(index>-1){
            //alert(index);
           arr2.splice(index,1);
        }
     }
     return arr2;
 }
 //<二>触发点击切换页时需要做的处理，调用tabPage  返回的是最包括当前页和其他页最新的选择中的状态值。在触动切换页码时，可以把此值向后台PUSH
 
 function tabPage(){
     //b应该是在调有此方法时，从页面中获得的
     
     //向C中放值
        for(var j=0;i<b.length;j++){
            var index=$.inArray(b[j],c);
            if(index>-1){
                 c.push(b[i]);
            }   
        } 
    //比较当前选中状态的值 ，和从后台传过来当前状态值的差别
    //var prevCheck=ergodicSelected(a,c);
    var delValue=delHaveValue(b,prevCheck);
    return delHaveValue(delValue,c);
             
     
 }
 
 /*
 如果在分页的当中，上面有查询条件，根据查询的结果我们进行了复选框的选择。默认情况下我们不去添加搜索条件，在后台当中接收到的FORM 表单值 不变。在后台我们有一个临时变量对象，用以保存form表单值 的状态。每次请求controller时我们就做一次比对，看是否临时变量值 和新得到的form表单值 是否有变化。如果有变化了，存储复选框选中的数组我们就给初始化为空。否则临时存储form表单的对象不变
 
 */