服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Java教程 - Java中checkbox实现跨页多选的方法

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

2020-07-29 14:50-小鱼儿- Java教程

最近做了一个项目其中遇到这样的需求,要实现checkbox跨页多选功能,经过小编整理,顺利解决,今天小编给大家分享Java中checkbox实现跨页多选的方法,需要的的朋友参考下

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

    JSP页面:

   1,定义三个Hidden变量:

?
1
2
3
<INPUT type="hidden" name="all_selected"
<INPUT type="hidden" name="now_selected"
<INPUT type="hidden" name="no_selected">

    2,javascript

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
// 获取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()方法.

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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实现跨页多选的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!

原文链接:http://blog.csdn.net/shiyu_sy/article/details/54616919

延伸 · 阅读

精彩推荐