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 相关文章推荐
javascript开发中因空格引发的错误
Nov 08 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
Apr 11 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
JavaScript设计模式开发中组合模式的使用教程
May 18 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
浅谈React高阶组件
Mar 28 Javascript
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
8个有意思的JavaScript面试题
Jul 30 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 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
我的论坛源代码(七)
2006/10/09 PHP
php park、unpark、ord 函数使用方法(二进制流接口应用实例)
2010/10/19 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
php递归函数怎么用才有效
2018/02/24 PHP
JavaScript 10件让人费解的事情
2010/02/15 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
js模糊查询实例分享
2016/12/26 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
2019/05/26 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
python解析文件示例
2014/01/23 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
tensorflow 中对数组元素的操作方法
2018/07/27 Python
python将unicode和str互相转化的实现
2020/05/11 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
求网格中的黑点分布
2013/11/06 面试题
后勤工作职责
2013/12/22 职场文书
中专自我鉴定
2014/02/05 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
上党课的心得体会
2014/09/02 职场文书
2015新学期开学寄语
2015/02/26 职场文书
JS封装cavans多种滤镜组件
2022/02/15 Javascript