layui 分頁之后沒有記錄之前勾選項的功能 ， 自己寫了一個 ， 主要點就是表格的done 函數 ，每次渲染完成之后做表格勾選操作。然后需要一個全局變量記錄所有已經勾選的項 。下面是自己的代碼 。

首先，監聽表格的復選框點擊事件 ， 將單選或全選全部記錄下來

 var checkArray = new Array(); // 當前頁數據 var currentArray ;   //監聽行單擊事件（單擊事件為：rowDouble）   table.on('checkbox(test)', function(obj){    var checkData = obj.data ;    // 如果是全選中    if(obj.type == 'all' && obj.checked == true){     var checkStatus = table.checkStatus('demo')      ,data = checkStatus.data;     for(var i in data){      // 如果包含就去掉 ，不包含就添加      if(checkArray.indexOf(data[i].eventTypeName) > -1){      }else {       checkArray.push(data[i].eventTypeName) ;      }     }    }    // 全不選中    else if(obj.type == 'all' && obj.checked == false){     for(var i in currentArray){      checkArray.remove(currentArray[i].eventTypeName) ;     }    }    // 如果是單選    else {     var eventTypeName = checkData.eventTypeName ;     // 如果包含就去掉 ，不包含就添加     if(checkArray.indexOf(eventTypeName) > -1){      checkArray.remove(eventTypeName) ;     }else {      checkArray.push(eventTypeName) ;     }    }   });

然后 ，

done: function(res, curr, count){     //如果是異步請求數據方式，res即為你接口返回的信息。     //如果是直接賦值的方式，res即為：{data: [], count: 99} data為當前頁數據、count為數據總長度     currentArray = res.data ;     //.假設你的表格指定的 id="maintb"，找到框架渲染的表格     var tbl = $('#demo').next('.layui-table-view');     // 渲染選擇框     for(var i in currentArray){      for(var j in checkArray){       if(currentArray[i].eventTypeName == checkArray[j]){        tbl.find('table>tbody>tr').eq(i).find('td').eq(0).find('input[type=checkbox]').prop('checked', true);       }      }     }     form.render('checkbox');    }

以上這篇layui表格分頁 記錄勾選的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。