当前位置: 首页 > 编程笔记 >

Java中checkbox实现跨页多选的方法

漆雕嘉平
2023-03-14
本文向大家介绍Java中checkbox实现跨页多选的方法,包括了Java中checkbox实现跨页多选的方法的使用技巧和注意事项,需要的朋友参考一下

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

    JSP页面:

   1,定义三个Hidden变量:

<INPUT type="hidden" name="all_selected">  
<INPUT type="hidden" name="now_selected">  
<INPUT type="hidden" name="no_selected">  

    2,javascript

// 获取checkbox信息,选中,未选中,当前选中  
    function getCheckBoxInformation() {  
     var checkboxes = document.getElementsByName("checkbox");  
     var checkedStr = "";  
     var uncheckedStr = "";  
     var url = "";  
     for(var i = 0; i < checkboxes.length; i++) {  
       var checkbox = checkboxes[i];  
       if(checkbox.checked) {  
        checkedStr = checkedStr + "," + checkbox.value;  
      }else {  
        uncheckedStr = uncheckedStr + "," + checkbox.value;  
      }  
    }  
    document.form1.now_selected.value = checkedStr;  
    document.form1.no_selected.value = uncheckedStr;  
   }  
 // 页面onload的时候计算当前页被选中项,并在页面表示  
   function initPage() {  
     var all_selected = document.form1.all_selected.value;  
     if(all_selected != "" && all_selected!= null) {  
       var arrall_select = all_selected.split(",");  
       if(arrall_select.length > 0) {  
         for(var k = 0; k < arrall_select.length; k++) {  
            for(var i = 0; i < document.form1.checkbox.length; i++) {  
               if(document.form1.checkbox[i].value == arrall_select[k]) {  
               document.form1.checkbox[i].checked = true;   
             }   
           }  
         }   
       }   
     }  
    }  

   每次翻页的时候调用getCheckBoxInformation()方法,页面加载的时候调用initPage()方法.

在后台,每次翻页时调用方法

public String doubleSpread(String all_select, String now_selected, String no_selected) { 
    //获取当前选中的项目加入al 
    List al = new ArrayList(); 
    if(all_select != "" && all_select != null) 
    { 
      String[] all_select_str = all_select.split(","); 
      for(int a=0;a<all_select_str.length;a++) 
      { 
        al.add(all_select_str[a]); 
      } 
    } 
    //将当前选中项目加入列表 
    if (now_selected != "" && now_selected != null) { 
      String[] all_now_select = now_selected.split(","); 
      for (int i = 1; i < all_now_select.length; i++) { 
        if (!al.contains(all_now_select[i])) { 
          al.add(all_now_select[i]); 
        } 
      } 
    } 
    //将当前未选中项目从列表中删除 
    if (no_selected != "" && no_selected != null) { 
      String[] all_now_no_select = no_selected.split(","); 
      for (int i = 1; i < all_now_no_select.length; i++) { 
        if (al.contains(all_now_no_select[i])) { 
          al.remove(all_now_no_select[i]); 
        } 
      } 
    } 
    all_select=al.toString().replaceAll(" +","");; 
    all_select=all_select.substring(1,all_select.length()-1)+","; 
    return all_select; 
  } 

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

以上所述是小编给大家介绍的Java中checkbox实现跨页多选的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍easyui 中的datagrid跨页勾选问题的实现方法,包括了easyui 中的datagrid跨页勾选问题的实现方法的使用技巧和注意事项,需要的朋友参考一下 easyui的datagrid分页显示数据,如果有需求要求勾选多条数据且不再同一页中,easyui会保存在其他页选中的数据吗? 一开始在网上查阅有人说easyui中没有此方法,需要自己写,但其实至少在1.4版本后只要在dat

  • 本文向大家介绍jquery判断checkbox是否选中及改变checkbox状态的实现方法,包括了jquery判断checkbox是否选中及改变checkbox状态的实现方法的使用技巧和注意事项,需要的朋友参考一下 jquery判断checked的三种方法: .attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或fals

  • 多选框组件。 Usage 全部引入 import { Checkbox } from 'beeshell'; 按需引入 import { Checkbox } from 'beeshell/dist/components/Checkbox'; Examples Code 详细 Code import { Checkbox } from 'beeshell' <Checkbox value

  • 实现效果 初始文档中提供了一组 checkbox 类型的 input 元素,选中某个复选框时,其 <p> 标签中的文字会显示删除线。最终效果是,提供按下 Shift 键后进行多选操作的功能。 在线体验请点这里。 过程指南 获取所有的 <input> 元素,并添加事件监听 const boxs = document.querySelectorAll('.inbox input[type="chec

  • 本文向大家介绍jQuery实现点击行选中或取消CheckBox的方法,包括了jQuery实现点击行选中或取消CheckBox的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考,具体如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(table)操作技巧汇总》、《jQuery fo

  • 本文向大家介绍js与jQuery实现checkbox复选框全选/全不选的方法,包括了js与jQuery实现checkbox复选框全选/全不选的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端