php ajax复选框是否选中的值,jquery-ajax - php+ajax分页时,checkbox复选框选中的问题...
目的:所有的数据实现分页显示,不是查询所有的数据,而是每次取固定的条数。而且在每页选中的数据ID都可以保存,一起提交选中的数据,做相应的操作。比如第一页选中2条,第二页选中3条,提交时是5条,如果返回第一页,这也显示选中的数据,回到第二页,也会显示选中的数据,以此类推,取消选中,翻页几次,无任何问题;总之,无论选中还是取消,翻页都没有bug
这个该如何实现呢?..分页这个我没问题,但是这个复选框一点下一页,就会给刷新掉
回复内容:
目的:所有的数据实现分页显示,不是查询所有的数据,而是每次取固定的条数。而且在每页选中的数据ID都可以保存,一起提交选中的数据,做相应的操作。比如第一页选中2条,第二页选中3条,提交时是5条,如果返回第一页,这也显示选中的数据,回到第二页,也会显示选中的数据,以此类推,取消选中,翻页几次,无任何问题;总之,无论选中还是取消,翻页都没有bug
这个该如何实现呢?..分页这个我没问题,但是这个复选框一点下一页,就会给刷新掉
两种方案
方案1
- - -
1. 每一个页面一个单独的容器(div)。...
2. 加载新页面时,首先检查该页面是否已经加载过了,例如加载页面4// 代码仅为示意
if($('.page-4', '.content').length > 0) {
$('.page', '.content').hide();
$('.page-4', '.content').show();
} else {
page4 = render_page(load_page(4)); //得到page4的结构
$('.page', '.content').hide();
$('.content').append(page4);
}
这样在切换页面的时候就可以保存页面信息了。
方案2
- - -
创建一个对象来存放页面数据,并且让它支持自定义事件。当PAGE内容发生改变时,重新按照PAGE进行渲染。这实际上是一个MVC的方案。
下面的代码随手写的,只是为了示意。请勿直接使用。// 可以用EventEmitter等等事件库来支持,我这里为了简单就用jQuery啦
var PAGE = $({
current: -1,
data: {}
});
PAGE.extend({
fetch: function() {
$.get('url', function(data) {
this.data[current_page] = data
this.trigger('value_change');
})
},
show: function(page) {
PAGE.current = page;
if(this.data[page]) {
this.trigger('value_change');
} else {
this.fetch(page);
}
},
});
PAGE.bind('value_change', function() {
render_page();
});
var render_page = function() {
if(PAGE[PAGE.current]) {
//按照PAGE[PAGE.current]的内容渲染 div#page的内容
} else {
throw('error');
}
};
$('input[type="checkbox"]', '#page').change(function() {
// 更新PAGE内容
PAGE.data[current_page][item] = value
PAGE.trigger(value_change);
});
选中后用一个数组变量a[]来保存选中的id;
分页时上一页数据的那部分html是删掉的还是隐藏的?删掉了肯定就肯定也没有了呀。
这样的情况就像购物车一样对吧?每一页选中的商品都扔进购物车,再批量处理。
我用CodeIgniter的时候用里面的购物车类处理过这种情况。原理就是用session存储选中的ID,每个ID会生成一个唯一的rowid,渲染页面的时候根据生成的rowid判断当前项是否被选中。
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
php ajax复选框是否选中的值,jquery-ajax - php+ajax分页时,checkbox复选框选中的问题...相关推荐
- jquery的attr和removeAttr实现checkbox全选和取消全选问题
jquery的attr和removeAttr实现checkbox全选和取消全选问题 问题说明: 一个全选和取消全选的功能,界面效果图如下 点击全选checkbox则所有checkbox被选中或者取消选 ...
- checkbox ajax 不选中的值,php – 无法通过ajax传递checkbox的值
我有从数据库收到的表: //$id = $_SESSION['staff_id']; $teamResult = getQuarter($leader_id); $count1 = 0; if (my ...
- js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
- checkbox复选框样式
随着现代浏览器的流行,纯CSS设置checkbox也变的很是实用,下面会讲到5种与众不同的checkbox复选框. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要 ...
- java获取radio选中的值_获取radio值
使用jquery获取radio的值 使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来 ...
- jquery获取select选中的值
误区: 一直以为jquery获取select中option被选中的文本值,是这样写的: $("#id").text(); //获取所有option的文本值 实际上应该这样: ...
- javascript jquery 获取select选中的值
误区: 一直以为jquery获取select中option被选中的文本值,是这样写的: $("#id").text(); //获取所有option的文本值 实际上应该这样: $( ...
- ajax在jQuery的应用,Ajax在jQuery中的应用($.ajax()方法)
Ajax() 方法 $.ajax() 中的参数及使用方法 在jQuery中,$.ajax() 是最底层的方法,也是功能最强的方法.$.get().$.post().$.getScript().getJ ...
- php ajax勾选框提交,jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
最新文章
- python输入两个变量的值、输出大的_Python 变量和输入输出 关卡二
- 内建函数对象(STL)
- idea部署web项目,能访问jsp,访问Servlet却出现404错误的解决方法汇总
- 使用pip install出现超时警告的解决方法
- 如何添加JWT生成的token在请求头中
- 全局使用dva dispatch
- Redis有几种数据类型?文末领取面试资料
- [html] html5的video如何附带字幕?
- xshell连接Linxu系统乱码
- 全开源JAVA支付系统/jeepay聚合支付四方支付系统
- 手把手教你如何破解无线网络密码(蹭网教程)
- java pdf 水印_java 如何给pdf文件加水印
- 【文档】Word如何将一个文档的样式复制到另一个文档中
- unity+steamVR+VRTK开发环境的搭建
- Win11正式发布,新功能炸裂!
- NeoWorld之穿越者2046:第二章
- 对于一些常用的R语言的算法包的归纳(修改)
- 小清新插画劳动节主题PPT模板
- Step by step:安装 Tanzu Kubernetes Grid
- 排序算法系列之(七)——分分合合的归并排序