快捷導(dǎo)航

Java中checkbox實現(xiàn)跨頁多選的方法

更新時間：2017年01月19日 16:16:47 作者：-小魚兒-

最近做了一個項目其中遇到這樣的需求，要實現(xiàn)checkbox跨頁多選功能，經(jīng)過小編整理，順利解決，今天小編給大家分享Java中checkbox實現(xiàn)跨頁多選的方法，需要的的朋友參考下

最近要實現(xiàn)一個功能，就是checkbox跨頁多選，在網(wǎng)上看了一下，資料很少，而且大多是不完全的。不過經(jīng)過我的努力，終于做出來了。

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;   
             }   
           }  
         }   
       }   
     }  
    }

每次翻頁的時候調(diào)用getCheckBoxInformation()方法,頁面加載的時候調(diào)用initPage()方法.

在后臺，每次翻頁時調(diào)用方法

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頁面上并賦值給那個隱藏域,到此，功能就實現(xiàn)了。

以上所述是小編給大家介紹的Java中checkbox實現(xiàn)跨頁多選的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: