Java checkbox实现跨页多选

2023-12-07 08:48

本文主要是介绍Java checkbox实现跨页多选,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近要实现一个功能,就是checkbox跨页多选,在网上看了一下,资料很少,而且大多是不完全的。不过经过我的努力,终于做出来了。 

JSP页面: 
   1,定义三个Hidden变量: 
Html代码   收藏代码
  1. <INPUT type="hidden" name="all_selected">   
  2. <INPUT type="hidden" name="now_selected">   
  3. <INPUT type="hidden" name="no_selected">    


    2,javascript 
 
Js代码   收藏代码
  1. // 获取checkbox信息,选中,未选中,当前选中   
  2.        function getCheckBoxInformation() {   
  3.          var checkboxes = document.getElementsByName("checkbox");   
  4.          var checkedStr = "";   
  5.          var uncheckedStr = "";   
  6.          var url = "";   
  7.          for(var i = 0; i < checkboxes.length; i++) {   
  8.              var checkbox = checkboxes[i];   
  9.              if(checkbox.checked) {   
  10.                 checkedStr = checkedStr + "," + checkbox.value;   
  11.             }else {   
  12.                 uncheckedStr = uncheckedStr + "," + checkbox.value;   
  13.             }   
  14.         }   
  15.         document.form1.now_selected.value = checkedStr;   
  16.         document.form1.no_selected.value = uncheckedStr;   
  17.      }   
  18.   
  19.   
  20.  // 页面onload的时候计算当前页被选中项,并在页面表示   
  21.       function initPage() {   
  22.           var all_selected = document.form1.all_selected.value;   
  23.           if(all_selected != "" && all_selected!= null) {   
  24.               var arrall_select = all_selected.split(",");   
  25.               if(arrall_select.length > 0) {   
  26.                   for(var k = 0; k < arrall_select.length; k++) {   
  27.                         for(var i = 0; i < document.form1.checkbox.length; i++) {   
  28.                              if(document.form1.checkbox[i].value == arrall_select[k]) {   
  29.                               document.form1.checkbox[i].checked = true;     
  30.                           }     
  31.                       }   
  32.                   }     
  33.               }     
  34.           }   
  35.        }   
    
   每次翻页的时候调用getCheckBoxInformation()方法,页面加载的时候调用initPage()方法. 


在后台,每次翻页时调用方法 
Java代码   收藏代码
  1. public String doubleSpread(String all_select, String now_selected, String no_selected) {  
  2.         //获取当前选中的项目加入al  
  3.         List al = new ArrayList();  
  4.         if(all_select != "" && all_select != null)  
  5.         {  
  6.             String[] all_select_str = all_select.split(",");  
  7.             for(int a=0;a<all_select_str.length;a++)  
  8.             {  
  9.                 al.add(all_select_str[a]);  
  10.             }  
  11.         }  
  12.           
  13.         //将当前选中项目加入列表  
  14.         if (now_selected != "" && now_selected != null) {  
  15.             String[] all_now_select = now_selected.split(",");  
  16.             for (int i = 1; i < all_now_select.length; i++) {  
  17.                 if (!al.contains(all_now_select[i])) {  
  18.                     al.add(all_now_select[i]);  
  19.                 }  
  20.             }  
  21.         }  
  22.           
  23.         //将当前未选中项目从列表中删除  
  24.         if (no_selected != "" && no_selected != null) {  
  25.             String[] all_now_no_select = no_selected.split(",");  
  26.             for (int i = 1; i < all_now_no_select.length; i++) {  
  27.                 if (al.contains(all_now_no_select[i])) {  
  28.                     al.remove(all_now_no_select[i]);  
  29.                 }  
  30.             }  
  31.         }  
  32.           
  33.         all_select=al.toString().replaceAll(" +","");;  
  34.         all_select=all_select.substring(1,all_select.length()-1)+",";  
  35.           
  36.         return all_select;  
  37.     }  

将此方法返回的all_select再传到JSP页面上并赋值给那个隐藏域,到此,功能就实现了。 

这篇关于Java checkbox实现跨页多选的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/465248

相关文章

Vue中动态权限到按钮的完整实现方案详解

《Vue中动态权限到按钮的完整实现方案详解》这篇文章主要为大家详细介绍了Vue如何在现有方案的基础上加入对路由的增、删、改、查权限控制,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、数据库设计扩展1.1 修改路由表(routes)1.2 修改角色与路由权限表(role_routes)二、后端接口设计

C#集成DeepSeek模型实现AI私有化的流程步骤(本地部署与API调用教程)

《C#集成DeepSeek模型实现AI私有化的流程步骤(本地部署与API调用教程)》本文主要介绍了C#集成DeepSeek模型实现AI私有化的方法,包括搭建基础环境,如安装Ollama和下载DeepS... 目录前言搭建基础环境1、安装 Ollama2、下载 DeepSeek R1 模型客户端 ChatBo

Spring Cloud Hystrix原理与注意事项小结

《SpringCloudHystrix原理与注意事项小结》本文介绍了Hystrix的基本概念、工作原理以及其在实际开发中的应用方式,通过对Hystrix的深入学习,开发者可以在分布式系统中实现精细... 目录一、Spring Cloud Hystrix概述和设计目标(一)Spring Cloud Hystr

Qt实现发送HTTP请求的示例详解

《Qt实现发送HTTP请求的示例详解》这篇文章主要为大家详细介绍了如何通过Qt实现发送HTTP请求,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、添加network模块2、包含改头文件3、创建网络访问管理器4、创建接口5、创建网络请求对象6、创建一个回复对

C++实现回文串判断的两种高效方法

《C++实现回文串判断的两种高效方法》文章介绍了两种判断回文串的方法:解法一通过创建新字符串来处理,解法二在原字符串上直接筛选判断,两种方法都使用了双指针法,文中通过代码示例讲解的非常详细,需要的朋友... 目录一、问题描述示例二、解法一:将字母数字连接到新的 string思路代码实现代码解释复杂度分析三、

grom设置全局日志实现执行并打印sql语句

《grom设置全局日志实现执行并打印sql语句》本文主要介绍了grom设置全局日志实现执行并打印sql语句,包括设置日志级别、实现自定义Logger接口以及如何使用GORM的默认logger,通过这些... 目录gorm中的自定义日志gorm中日志的其他操作日志级别Debug自定义 Loggergorm中的

Spring Boot整合消息队列RabbitMQ的实现示例

《SpringBoot整合消息队列RabbitMQ的实现示例》本文主要介绍了SpringBoot整合消息队列RabbitMQ的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的... 目录RabbitMQ 简介与安装1. RabbitMQ 简介2. RabbitMQ 安装Spring

Gin框架中的GET和POST表单处理的实现

《Gin框架中的GET和POST表单处理的实现》Gin框架提供了简单而强大的机制来处理GET和POST表单提交的数据,通过c.Query、c.PostForm、c.Bind和c.Request.For... 目录一、GET表单处理二、POST表单处理1. 使用c.PostForm获取表单字段:2. 绑定到结

springMVC返回Http响应的实现

《springMVC返回Http响应的实现》本文主要介绍了在SpringBoot中使用@Controller、@ResponseBody和@RestController注解进行HTTP响应返回的方法,... 目录一、返回页面二、@Controller和@ResponseBody与RestController

JAVA集成本地部署的DeepSeek的图文教程

《JAVA集成本地部署的DeepSeek的图文教程》本文主要介绍了JAVA集成本地部署的DeepSeek的图文教程,包含配置环境变量及下载DeepSeek-R1模型并启动,具有一定的参考价值,感兴趣的... 目录一、下载部署DeepSeek1.下载ollama2.下载DeepSeek-R1模型并启动 二、J