一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法
在web開發(fā)中經(jīng)常會(huì)遇到一覽畫面中每一條記錄前都帶一個(gè)復(fù)選框,點(diǎn)擊后選中該條記錄進(jìn)行刪除、修改、查看等操作。
修改和查看都是獲取一條記錄的id值后傳遞到后臺(tái)進(jìn)行查詢獲取該記錄對(duì)象的各種屬性值,再顯示到畫面上。
我說的重點(diǎn)是選中多條記錄后進(jìn)行批量刪除,如何獲取多條記錄的id值是問題的關(guān)鍵。首先是在jsp頁面中全選中復(fù)選框的方法。
代碼如下:
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; } }
調(diào)用該方法的jsp代碼:
<input name="checkAll" id ="checkAll" onclick="checkEvent('chooseFaqId','checkAll')" type="checkbox"/></td>
其中,chooseFaqId是復(fù)選框的name屬性值,checkAll是表頭復(fù)選框的name屬性值。
前臺(tái)具體執(zhí)行批處理的js代碼,需要對(duì)選中的記錄id值用逗號(hào)分隔,刪除批處理方法代碼如下:
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'/>"); } } }); }); }
后臺(tái)獲取前臺(tái)傳回的一組id值
final String ids = this.getRequest().getParameter("chooseFaqId");
原先獲取選中的一組id采用的是以下方式:
final String ids = this.getRequest().getParameterValues("chooseFaqId");
這樣可以直接得到一個(gè)字符串?dāng)?shù)組,不需要進(jìn)行任何編輯操作。后來由于何種原因改成現(xiàn)在的方式有點(diǎn)記不清了。
最后是后臺(tái)BO層執(zhí)行刪除的代碼:
/** * 根據(jù)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); }
總結(jié),我采用的是ajax提交方式,點(diǎn)擊批量刪除按鈕后,首先判斷用戶是否至少選中了記錄,否則彈出提示消息。選中后點(diǎn)擊刪除按鈕執(zhí)行后臺(tái)方法。如果執(zhí)行操作失敗彈出操作失敗消息框。
以上所述是小編給大家介紹的一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法,希望對(duì)大家有所幫助,如果大家想了解更多資訊敬請(qǐng)關(guān)注腳本之家網(wǎng)站!
相關(guān)文章
javascript+Canvas實(shí)現(xiàn)畫板功能
這篇文章主要為大家詳細(xì)介紹了javascript+Canvas實(shí)現(xiàn)畫板功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06JSP防止網(wǎng)頁刷新重復(fù)提交數(shù)據(jù)的幾種方法
這篇文章主要介紹了JSP防止網(wǎng)頁刷新重復(fù)提交數(shù)據(jù)的幾種方法,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制文本功能
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制文本的相關(guān)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-04-04實(shí)現(xiàn)圖片預(yù)加載的三大方法及優(yōu)缺點(diǎn)分析
本文介紹了實(shí)現(xiàn)圖片預(yù)加載的三大方法(CSS/JAVASCRIPT/AJAX)以及這三種方法的優(yōu)缺點(diǎn)分析,是篇非常值得推薦的文章,小伙伴們可要仔細(xì)研究下。2014-11-11Javascript同時(shí)聲明一連串(多個(gè))變量的方法
這篇文章主要給大家介紹了利用Javascript聲明一連串(也就是多個(gè))變量的方法,需要的朋友可以參考借鑒,下面來一起看看吧。2017-01-01