Jquery简单分页实现方法
更新时间：2015年07月24日 15:40:42 作者：罪恶的花生
这篇文章主要介绍了Jquery简单分页实现方法,实例分析了jquery分页的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
不知不觉，已经进行到了jquery tools六大功能的第五个功能——expose的学习了，废话不多说，直接进入正题。2009-09-09
这篇文章主要为大家分享了css3结合jquery代码实现各式各样的导航条效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码,基于jQuery鼠标事件动态操作页面元素样式的动态变换实现该功能,需要的朋友可以参考下2015-10-10
仿淘宝京东多条件筛选可自行结合ajax加载，使用Jquery简单实现，具体如下，喜欢的朋友可以参考下2013-08-08
jQuery是继prototype之后的又一个优秀的Javascript框架,它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互2012-11-11
jQuery Mobile的loading对话框显示/隐藏方法分享
jQuery Mobile提供两个方法，使得开发者在编写JavaScript业务编辑时，可以随意的控制loading提示框2013-11-11
本文为大家详细介绍下关于指定表格及指定列的隐藏或显示、获取表格的列数等等表格相关的使用技巧，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
这节介绍jQuery validation插件一个新的校验规则属性rangelength，通过数组方式赋值2012-02-02
这篇文章主要介绍了jQuery基于扩展简单实现倒计时功能的方法,涉及jQuery扩展与回调函数的相关使用技巧,需要的朋友可以参考下2016-05-05
本篇文章主要介绍了jquery编写日期选择器的实现过程与方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
最新评论