达到列表边界时用jQuery实现禁用上一页或下一页按钮

$(function(){
	//首先获取jstl中的当前页及尾页页码
	var pageIndex = "${pageIndex}";
	var totalPage = "${totalPage}";
	if(pageIndex == 1){//当前页为首页
		$("#firstPage").attr('disabled',true);//禁用指定id的button
	}
	if(pageIndex == totalPage){//当前页为尾页
		$("#lastPage").attr('disabled',true);
	}
})

html:

<button type="button" class="btn btn-default" id="firstPage"
	onclick="findInfoByPage(${pageIndex-1})">
	<span class="glyphicon glyphicon-step-backward"></span> 上一页
</button>
<button type="button" class="btn btn-default" id="lastPage"
	onclick="findInfoByPage(${pageIndex+1})">
	<span class="glyphicon glyphicon-step-forward"></span> 下一页
</button>
posted @ 2020-04-22 00:12  我不是忘尘  阅读(223)  评论(0编辑  收藏  举报