首頁  >  文章  >  Java  >  Java中checkbox實作跨頁多選的方法

Java中checkbox實作跨頁多選的方法

高洛峰
高洛峰原創
2017-01-23 16:32:111325瀏覽

最近要實現一個功能,就是checkbox跨頁多選,在網路上看了一下,資料很少,而且大多是不完全的。不過經過我的努力,終於做出來了。

    JSP頁:

   1,定義三個Hidden變數:

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

    2,遠()方法,頁面載入的時候呼叫initPage()方法.

在後台,每次翻頁時調用方法

// 获取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;  
             }  
           } 
         }  
       }  
     } 
    }

   

將此方法返回的all_select再傳到JSP頁面上並賦值給那個隱藏域,到此,功能就實現了。

以上所述是小編給大家介紹的Java中checkbox實現跨頁多選的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對PHP中文網的支持!

更多Java中checkbox實作跨頁多選的方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn