JS代碼：
var pageSize = 10;//每頁顯示的記錄條數
var curPage=0;
var lastPage;
var direct=0;
var len;
var page;
$(document).ready(function(){
len =$("#table tr").length;
page=len % pageSize==0 ? len/pageSize : Math.floor(len/pageSize)+1;//根據記錄條數，計算頁數
// alert("page==="+page);
curPage=1;
displayPage(1);//顯示第一頁
$("#btn1").click(function(){
curPage=1;
displayPage();
});
$("#btn2").click(function(){
direct=-1;
displayPage();
});
$("#btn3").click(function(){
direct=1;
displayPage();
});
$("#btn4").click(function(){
curPage=page;
displayPage();
});
});
function displayPage(){
if((curPage <=1 && direct==-1) || (curPage >= page && direct==1)){
direct=0;
alert("已經是第一頁或者最后一頁了");
return;
}
lastPage = curPage;
curPage = (curPage + direct + len) % len;
var begin=(curPage-1)*pageSize;//起始記錄號
var end = begin + pageSize;
if(end > len ) end=len;
$("#table tr").hide();
$("#table tr").each(function(i){
if(i>=begin && i<end)//顯示第page頁的記錄
$(this).show();
});
}
</script>
html代碼：
<table id="table">
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息抓取1</td><td>航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布2</td><td>1航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布 3</td><td>2航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布 4</td><td>2航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布5</td><td>3航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布6</td><td>4航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布7</td><td>5航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布8</td><td>6航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布9</td><td>98</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布10</td><td>99</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息抓取11</td><td>航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布12</td><td>1航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布 13</td><td>2航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布14</td><td>3航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布15</td><td>100</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布16</td><td>4航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布17</td><td>5航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布18</td><td>6航班信息發布</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布19</td><td>98</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布20</td><td>99</td></tr>
<tr><td><input type="checkbox" name="checkbox"/></td><td>航班信息發布21</td><td>100</td></tr>
</table>
<input type=button value="全選" onClick="checkAll()">
<input type=button value="全不選" onClick="uncheckAll()">
<input type=button value="反選" onClick="switchAll()">
<input type=button id="btn1" value="首頁" >
<input type=button id="btn2" value="上一頁">
<input type=button id="btn3" value="下一頁" >
<input type=button id="btn4" value="尾頁" >