Jquery简单分页实现方法


Posted in Javascript onJuly 24, 2015

本文实例讲述了Jquery简单分页实现方法。分享给大家供大家参考。具体如下:

js代码:

function dolistpage(pagerow,pagenum,rowcount,pagecount){
 $("#pagemsg").html("每页显示"+pagerow+"条,当前" + pagenum + "/" +pagecount + "页 共" +rowcount + "条");
 if (pagenum == 1) {
  $("#fpbtn").attr("disabled", true);
  $("#rpbtn").attr("disabled", true);
 }else {
  $("#fpbtn").removeAttr("disabled");
  $("#rpbtn").removeAttr("disabled");
 }
 if (pagenum == pagecount) {
  $("#npbtn").attr("disabled", true);
  $("#lpbtn").attr("disabled", true);
 }else {
  $("#npbtn").removeAttr("disabled");
  $("#lpbtn").removeAttr("disabled");
 }
 $("#fpbtn").click(function(){
  loadtpage(1);
 });
 $("#rpbtn").click(function(){
  loadtpage(pagenum - 1);
 });
 $("#npbtn").click(function(){
  if ((pagenum + 1) >= pagecount) 
   loadtpage(pagecount);
  else
   loadtpage(pagenum + 1);
 });
 $("#lpbtn").click(function(){
  loadtpage(pagecount);
 });
 $("#gpbtn").click(function(){
  var tzys = $("#gpinput").val();
  var re = /^[1-9]+[0-9]*$/;
  if (tzys == null || tzys == undefined || tzys == '') {
   alert("请输入跳转页数!");
   $("#gpinput").focus();
   return;
  }
  if (!re.test(tzys)) {
   alert("请输入正确跳转页数!");
   $("#gpinput").focus();
   return;
  }
  if (tzys > pagecount) 
   tzys = pagecount;
  if (tzys <= 0) 
   tzys = 1;
  loadtpage(tzys);
 });
 $("#gpinput").val(pagenum);
}

HTML代码:

<table>
 <tfoot>
  <tr>
   <td colspan="11">
    <span class="water-table-listbtn"></span>
    <span class="water-table-page">
     <span id="pagemsg" class="water-table-pagemsg">当前0/0页</span>
     <input type="button" id="fpbtn" value="首页"/>
     <input type="button" id="rpbtn" value="上页"/>
     <input type="button" id="npbtn" value="下页"/>
     <input type="button" id="lpbtn" value="尾页"/>
     <span id="pagemsg" class="water-table-pagemsg">跳转
     <input type="text" id="gpinput" size="3" value="0"/>页
     </span>
     <input type="button" id="gpbtn" value="跳转"/>
    </span>
   </td>
  </tr>
 </tfoot>
</table>

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
语义化 H1 标签
Jan 14 Javascript
JavaScript 继承详解(二)
Jul 13 Javascript
写js时遇到的一些小问题
Dec 06 Javascript
JavaScript 变量作用域分析
Jul 04 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 Javascript
通过命令行生成vue项目框架的方法
Jul 12 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
Vue的props父传子的示例代码
May 20 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 #Javascript
Css3制作变形与动画效果
Jul 24 #Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 #Javascript
基于JS实现的倒计时程序实例
Jul 24 #Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 #Javascript
javascript比较两个日期相差天数的方法
Jul 24 #Javascript
JAVA四种基本排序方法实例总结
Jul 24 #Javascript
You might like
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
深入探讨javascript函数式编程
2015/10/11 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
[03:57]2016完美“圣”典风云人物:rOtk专访
2016/12/09 DOTA
Python实现把数字转换成中文
2015/06/29 Python
python提取字典key列表的方法
2015/07/11 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python logging模块的使用总结
2019/07/09 Python
移动端html5判断是否滚动到底部并且下拉加载
2019/11/19 HTML / CSS
接口可以包含哪些成员
2012/09/30 面试题
室内设计专业个人的自我评价
2013/12/18 职场文书
2014年小学植树节活动方案
2014/03/02 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
企业年度评优方案
2014/06/02 职场文书
共青团员自我评价范文
2014/09/14 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
实习单位证明范例
2014/11/17 职场文书
2014年老干部工作总结
2014/11/21 职场文书
统计员岗位职责范本
2015/04/14 职场文书
关于环保的广播稿
2015/12/17 职场文书
股权投资协议书
2016/03/23 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL