这里主要讲一种:中间的 checkbox 是 通过Ajax调出的。
则翻页时,为了保存上页的选定状态,可在页面中定义一个变量,用来存储选中状态的值。
<input class="click_checkbox" name="userpri[]" value="" type="checkbox">香蕉
<input class="click_checkbox" name="userpri[]" value="" type="checkbox">苹果
<input class="click_checkbox" name="userpri[]" value="" type="checkbox">梨子
<input class="click_checkbox" name="userpri[]" value="" type="checkbox">草莓
<input class="click_checkbox" name="userpri[]" value="" type="checkbox">芒果
jq代码:(点击一下加入变量中,再点击去除)
//定义一个变量用于存储选中复选框的值
var sel_a=[];
//选中时插入,取消时去除
$(document).on("click",".click_checkbox",function(){
var v=$(this).val();
if ($.inArray(v,sel_a)==-1){
sel_a.push(v);
}else{
for(var i=0;i<=sel_a.length-1;i++){
if(sel_a[i]==v){
sel_a.splice(i,1);
}
}
} });
数据反调时,显示保存的多选框状态
//返调页面数据的ajax
function sstart(){ $.ajax({
type:"POST",
url:url,
data:o,
success:function(t) { //将选中的复选框状态显示出来
$(".click_checkbox").each(function(){
var v=$(this).val();
if ($.inArray(v,sel_a)!=-1){
$(this).prop("checked",true);
}
})
},
error:function(e){
$.dengdai.close();
$.alert("提交失败,请检查网络");
}
}); }
jq:翻页时,保存上页多选框checkbox选中状态的更多相关文章
-
在Vue中由后台数据循环生成多选框CheckBox时的注意事项
多选框是一种非常常见的功能,有时候我们会根据后台返回的数据进行多选框渲染,之前做项目时遇到循环生成多选框时,v-model绑定的值会随着选中与取消改变,但页面却不会变化 的情况,后来测试了一下,发现多 ...
-
vue2 切换路由时 页面滚动到顶部 用游览器返回时 记住上页的位置
官方用例:https://router.vuejs.org/zh-cn/advanced/scroll-behavior.html import Vue from 'vue' import Route ...
-
切换tab页时,tab页中的echart变形问题
本文为博主原创,未经允许,不得转载: 在两个tab页中,分别展现了两个echart图表,同样的格式与写法,但只有在默认选中的tab页中的图表显示的是正常的, 但进入另一个tab页中时,图表则产生了变形 ...
-
JQ判断复选框是否选中
方法一: if($('#checkbox').is(':checked')) {} 方法二:if ($('#checkbox').attr('checked')) {} 方法三:if ($(" ...
-
JQ判断按钮,复选框是否选中
var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按 ...
-
Jq复选框选择(取复选框被选中的值)
<input type="button" id="btn5" value="获得选中的所有值"> <input typ ...
-
使用iScroll时input复选框不能选中解决方法
http://blog.csdn.net/xw505501936/article/details/51886018
-
jQuery学习(五)——使用JQ完成复选框的全选和全不选
1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框 ...
-
实现GridView翻页并且实现CheckBox选中功能的保持
在GridView与数据库进行绑定后,由得到的数据记录可能有许多条,以至一个页面无法容纳,这时需要进行多页显. 要实现分页显现,只要使用分页类 "PagedDataSource" ...
随机推荐
-
JavaScript 富文本编辑器
WEB项目中使用UEditor(富文本编辑器) UEditor - 完整示例 http://ueditor.baidu.com/website/onlinedemo.html UEditor注意事项: ...
-
spring 事务管理方式及配置
1.Spring声明式事务配置的五种方式 前段时间对Spring的事务配置做了比较深入的研究,在此之前对Spring的事务配置虽说也配置过,但是一直没有一个清楚的认识.通过这次的学习发觉Spring的 ...
-
现代程序设计——homework-06
题目: http://www.cnblogs.com/xinz/p/3382048.html 这是一道要多坑有多坑的题目,题目有很多步.综合起来就是这个意思: 在很久以前,有一个大牛,当然那个时候他还 ...
-
Kubernetes 设计概要
英文原文:Kubernetes Design Overview Overview Kubernetes builds on top of Docker to construct a clustered ...
-
smartClient 1--框架介绍
一.是什么(以下简称SC) smartClient 是一个基于web技术的开发框架,主要包括: 一个无需安装的 Ajax/HTML5 客户端引擎 UI组件和服务(采用富客户端RIA)--- 提 ...
-
Zeroc Ice Slice语言使用 HelloWorld
Slice介绍 为了开发多语言支持的RPC服务,需要一种中立的新语言来定义这个服务接口,以便各个编程语言能够准确无误地理解和翻译接口,为此Ice设计了Slice语言.Ice开发的第一步 ...
-
git&;github快速掌握
git&github快速掌握 安装git 版本库创建 代码修改并提交 代码回滚 工作区和暂存区 撤销操作 删除操作 更多操作 Windows下安装git https://gitforwindo ...
-
Day02 (黑客成长日记)
#用户登录次数为三代码 # i = 0 # while i < 3: # username = input('请输入账号:') # password = input('请输入密码:') # if ...
-
Selenium2+python自动化43-判断title(title_is)
From: https://www.cnblogs.com/yoyoketang/p/6539117.html 前言 获取页面title的方法可以直接用driver.title获取到,然后也可以把获取 ...
-
codeblocks中cocos2dx项目添加新的.cpp和.h文件后编译运行的方法
新建了cocos2dx项目后(比如我这里建立的项目名为Test01),项目目录下有如下目录和文件: bin CMakeLists.txt MyGame.layout proj.win10 Classe ...