第一步:选中
当每次选中一个CheckBox时,取其ID和VALUE(这里可根据个人需要取),每个CheckBox之间用逗号隔开,还有就是要注意重复添加
view plaincopy to clipboardprint? 01.//选中 02. function check(checkvar) 03. { 04. var addFlag = true ; 05. if(document.getElementById(checkvar).checked){ 06. if(checkFlag=="") { 07. checkFlag = checkvar ; 08. checkValue = document.getElementById(checkvar).value ; 09. }else{ 10. var checkFlags = checkFlag.split(",") ; 11. for(var i=0 ;i<checkFlags.length ;i++ ) { 12. if(checkvar==checkFlags[i]){ 13. addFlag = false ; 14. } 15. } 16. if(addFlag){ 17. checkFlag += ","+checkvar ; 18. checkValue += "/" + document.getElementById(checkvar).value; 19. } 20. } 21. 22. } 23. 24. } //选中 function check(checkvar) { var addFlag = true ; if(document.getElementById(checkvar).checked){ if(checkFlag=="") { checkFlag = checkvar ; checkValue = document.getElementById(checkvar).value ; }else{ var checkFlags = checkFlag.split(",") ; for(var i=0 ;i<checkFlags.length ;i++ ) { if(checkvar==checkFlags[i]){ addFlag = false ; } } if(addFlag){ checkFlag += ","+checkvar ; checkValue += "/" + document.getElementById(checkvar).value; } } } } 第二步:翻页保存
因为翻页时候页面会刷新,会将上页所选的置为空,所以需将其传入后台,当翻页后再发到页面上来。(这里将后台当成是一个中转站,暂时保存第一步中的信息,当然这里用session也是可以的,但是要注意每处理完一次要将session清空)
view plaincopy to clipboardprint?
01.String checkFlag = request.getParameter("checkFlag") ; 02. String checkValue = request.getParameter("checkValue") ; 03. if(checkFlag==null) 04. checkFlag = "" ; 05. if(checkValue==null) 06. checkValue = "" ; 07. request.setAttribute("checkFlag", checkFlag) ; 08. request.setAttribute("checkValue", checkValue) ; String checkFlag = request.getParameter("checkFlag") ; String checkValue = request.getParameter("checkValue") ; if(checkFlag==null) checkFlag = "" ; if(checkValue==null) checkValue = "" ; request.setAttribute("checkFlag", checkFlag) ; request.setAttribute("checkValue", checkValue) ; 第三步:还原选中
如果点回上页需将上页选中的还原成已选的状态,这里需要注意判断节点是否为空,因为checkFlags保存的是所有的,而不仅仅是当前页的
view plaincopy to clipboardprint?
01.//还原选中 02. function resumeCheckBox(){ 03. var checkFlags = checkFlag.split(",") ; 04. for(var i=0 ;i<checkFlags.length ;i++) { 05. if(document.getElementById(checkFlags[i]) != null) 06. document.getElementById(checkFlags[i]).checked = true ; 07. } 08. 09. } //还原选中 function resumeCheckBox(){ var checkFlags = checkFlag.split(",") ; for(var i=0 ;i<checkFlags.length ;i++) { if(document.getElementById(checkFlags[i]) != null) document.getElementById(checkFlags[i]).checked = true ; } } 第四步:就可以对选中的进行处理了。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/shibushiyouwenti/archive/2009/12/09/4971628.aspx |
|
来自: squarecome > 《我的图书馆》