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 相关文章推荐
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
JavaScript中的数组特性介绍
Dec 30 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
javascript计时器编写过程与实现方法
Feb 29 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
vue中promise的使用及异步请求数据的方法
Nov 08 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 Javascript
Jquery+javascript实现支付网页数字键盘
Dec 21 jQuery
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中防止SQL注入实现代码
2011/02/19 PHP
PHP+jQuery 注册模块开发详解
2014/10/14 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
thinkPHP实现的省市区三级联动功能示例
2017/05/05 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
2016/12/08 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
JS实现躲避粒子小游戏
2020/06/18 Javascript
详解如何使用React Hooks请求数据并渲染
2020/10/18 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
python 中的列表解析和生成表达式
2011/03/10 Python
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
Python3运算符常见用法分析
2020/02/14 Python
香奈儿美国官网:CHANEL美国
2020/05/20 全球购物
Java面试题:为什么要用Java
2012/05/11 面试题
优秀医生事迹材料
2014/02/12 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
小学一年级评语大全
2014/04/22 职场文书
人民调解协议书范本
2014/10/11 职场文书
雨雪天气温馨提示
2015/07/15 职场文书
浅谈MySQL函数
2021/10/05 MySQL
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers