jq:翻页时,保存上页多选框checkbox选中状态

时间:2022-09-07 12:56:46

这里主要讲一种:中间的 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选中状态的更多相关文章

  1. 在Vue中由后台数据循环生成多选框CheckBox时的注意事项

    多选框是一种非常常见的功能,有时候我们会根据后台返回的数据进行多选框渲染,之前做项目时遇到循环生成多选框时,v-model绑定的值会随着选中与取消改变,但页面却不会变化 的情况,后来测试了一下,发现多 ...

  2. vue2 切换路由时 页面滚动到顶部 用游览器返回时 记住上页的位置

    官方用例:https://router.vuejs.org/zh-cn/advanced/scroll-behavior.html import Vue from 'vue' import Route ...

  3. 切换tab页时,tab页中的echart变形问题

    本文为博主原创,未经允许,不得转载: 在两个tab页中,分别展现了两个echart图表,同样的格式与写法,但只有在默认选中的tab页中的图表显示的是正常的, 但进入另一个tab页中时,图表则产生了变形 ...

  4. JQ判断复选框是否选中

    方法一: if($('#checkbox').is(':checked')) {} 方法二:if ($('#checkbox').attr('checked')) {} 方法三:if ($(&quot ...

  5. JQ判断按钮&comma;复选框是否选中

    var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按 ...

  6. Jq复选框选择(取复选框被选中的值)

      <input type="button" id="btn5" value="获得选中的所有值"> <input typ ...

  7. 使用iScroll时input复选框不能选中解决方法

    http://blog.csdn.net/xw505501936/article/details/51886018

  8. jQuery学习&lpar;五&rpar;——使用JQ完成复选框的全选和全不选

    1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框 ...

  9. 实现GridView翻页并且实现CheckBox选中功能的保持

    在GridView与数据库进行绑定后,由得到的数据记录可能有许多条,以至一个页面无法容纳,这时需要进行多页显. 要实现分页显现,只要使用分页类 "PagedDataSource" ...

随机推荐

  1. JavaScript 富文本编辑器

    WEB项目中使用UEditor(富文本编辑器) UEditor - 完整示例 http://ueditor.baidu.com/website/onlinedemo.html UEditor注意事项: ...

  2. spring 事务管理方式及配置

    1.Spring声明式事务配置的五种方式 前段时间对Spring的事务配置做了比较深入的研究,在此之前对Spring的事务配置虽说也配置过,但是一直没有一个清楚的认识.通过这次的学习发觉Spring的 ...

  3. 现代程序设计——homework-06

    题目: http://www.cnblogs.com/xinz/p/3382048.html 这是一道要多坑有多坑的题目,题目有很多步.综合起来就是这个意思: 在很久以前,有一个大牛,当然那个时候他还 ...

  4. Kubernetes 设计概要

    英文原文:Kubernetes Design Overview Overview Kubernetes builds on top of Docker to construct a clustered ...

  5. smartClient 1--框架介绍

    一.是什么(以下简称SC)     smartClient 是一个基于web技术的开发框架,主要包括: 一个无需安装的 Ajax/HTML5 客户端引擎 UI组件和服务(采用富客户端RIA)--- 提 ...

  6. Zeroc Ice Slice语言使用 HelloWorld

    Slice介绍         为了开发多语言支持的RPC服务,需要一种中立的新语言来定义这个服务接口,以便各个编程语言能够准确无误地理解和翻译接口,为此Ice设计了Slice语言.Ice开发的第一步 ...

  7. git&amp&semi;github快速掌握

    git&github快速掌握 安装git 版本库创建 代码修改并提交 代码回滚 工作区和暂存区 撤销操作 删除操作 更多操作 Windows下安装git https://gitforwindo ...

  8. Day02 &lpar;黑客成长日记&rpar;

    #用户登录次数为三代码 # i = 0 # while i < 3: # username = input('请输入账号:') # password = input('请输入密码:') # if ...

  9. Selenium2&plus;python自动化43-判断title(title&lowbar;is)

    From: https://www.cnblogs.com/yoyoketang/p/6539117.html 前言 获取页面title的方法可以直接用driver.title获取到,然后也可以把获取 ...

  10. codeblocks中cocos2dx项目添加新的&period;cpp和&period;h文件后编译运行的方法

    新建了cocos2dx项目后(比如我这里建立的项目名为Test01),项目目录下有如下目录和文件: bin CMakeLists.txt MyGame.layout proj.win10 Classe ...