在web開發中經常會遇到一覽畫面中每一條記錄前都帶一個復選框，點擊后選中該條記錄進行刪除、修改、查看等操作。
修改和查看都是獲取一條記錄的id值后傳遞到后臺進行查詢獲取該記錄對象的各種屬性值，再顯示到畫面上。
我說的重點是選中多條記錄后進行批量刪除，如何獲取多條記錄的id值是問題的關鍵。首先是在jsp頁面中全選中復選框的方法。
代碼如下：
function checkEvent(name, allCheckId) { var allCk = document.getElementById(allCheckId); if (allCk.checked == true) checkAll(name); else checkAllNo(name); } //全選 function checkAll(name) { var names = document.getElementsByName(name); var len = names.length; if (len > 0) { var i = 0; for (i = 0; i < len; i++) if(!names[i].disabled){ names[i].checked = true; } } } //全不選 function checkAllNo(name) { var names = document.getElementsByName(name); var len = names.length; if (len > 0) { var i = 0; for (i = 0; i < len; i++) names[i].checked = false; } } 調用該方法的jsp代碼：
<input name="checkAll" id ="checkAll" onclick="checkEvent('chooseFaqId','checkAll')" type="checkbox"/></td> 其中，chooseFaqId是復選框的name屬性值，checkAll是表頭復選框的name屬性值。
前臺具體執行批處理的js代碼，需要對選中的記錄id值用逗號分隔，刪除批處理方法代碼如下：
function batchDeletechFaq(idStr){ var ids="'"; $("input[name='chooseFaqId']").each(function(){ if(this.checked){ ids+=this.value+"','" } }); ids+="'"; ids=ids.replace(/,''/g,''); if(ids=="''"){ jqDialog.alert("<s:text name='faqManage.pleaseSelectFaq'/>"); return; } $.ajax({ type:"POST", url:"admin/faqManageAction!batchDeleteFaq.action", data: {chooseFaqId: ids}, dataType: "text", success:function(html){ if(html=="success"){ jqDialog.alert("<s:text name='faqManage.OperationWasSuccessful'/>",function(){ window.location.href = window.location.href.replace(/#/g,''); }); } else { jqDialog.alert("<s:text name='faqManage.OperationFailedPleaseTryLater'/>"); } } }); }); } 后臺獲取前臺傳回的一組id值
final String ids = this.getRequest().getParameter("chooseFaqId"); 原先獲取選中的一組id采用的是以下方式：
final String ids = this.getRequest().getParameterValues("chooseFaqId"); 這樣可以直接得到一個字符串數組，不需要進行任何編輯操作。后來由于何種原因改成現在的方式有點記不清了。
最后是后臺BO層執行刪除的代碼：
/** * 根據ID批量刪除FAQ問題 * @param faqAnswer * @return */ public void batchDeleteFaq(final String ids){ final String hql = "delete from FAQAnswer o where o.id in ("+ids+")"; faqManagerDao.execute(hql); }總結，我采用的是ajax提交方式，點擊批量刪除按鈕后，首先判斷用戶是否至少選中了記錄，否則彈出提示消息。選中后點擊刪除按鈕執行后臺方法。如果執行操作失敗彈出操作失敗消息框。
以上所述是小編給大家介紹的一覽畫面點擊復選框后獲取多個id值的方法，希望對大家有所幫助，如果大家想了解更多資訊敬請關注武林網網站！
新聞熱點
疑難解答
