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

更新時(shí)間：2017年01月19日 16:16:47 作者：-小魚(yú)兒-

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

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

JSP頁(yè)面:

1,定義三個(gè)Hidden變量:

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

2,javascript

// 獲取checkbox信息,選中,未選中,當(dāng)前選中  
    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;  
   }  
 // 頁(yè)面onload的時(shí)候計(jì)算當(dāng)前頁(yè)被選中項(xiàng),并在頁(yè)面表示  
   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;   
             }   
           }  
         }   
       }   
     }  
    }

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

在后臺(tái)，每次翻頁(yè)時(shí)調(diào)用方法

public String doubleSpread(String all_select, String now_selected, String no_selected) { 
    //獲取當(dāng)前選中的項(xiàng)目加入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]); 
      } 
    } 
    //將當(dāng)前選中項(xiàng)目加入列表 
    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]); 
        } 
      } 
    } 
    //將當(dāng)前未選中項(xiàng)目從列表中刪除 
    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頁(yè)面上并賦值給那個(gè)隱藏域,到此，功能就實(shí)現(xiàn)了。

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

您可能感興趣的文章: