一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法
在web開發(fā)中經(jīng)常會(huì)遇到一覽畫面中每一條記錄前都帶一個(gè)復(fù)選框,點(diǎn)擊后選中該條記錄進(jìn)行刪除、修改、查看等操作。
修改和查看都是獲取一條記錄的id值后傳遞到后臺(tái)進(jìn)行查詢獲取該記錄對(duì)象的各種屬性值,再顯示到畫面上。
我說(shuō)的重點(diǎn)是選中多條記錄后進(jìn)行批量刪除,如何獲取多條記錄的id值是問(wèn)題的關(guān)鍵。首先是在jsp頁(yè)面中全選中復(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)行任何編輯操作。后來(lái)由于何種原因改成現(xiàn)在的方式有點(diǎn)記不清了。
最后是后臺(tái)BO層執(zhí)行刪除的代碼:
/**
* 根據(jù)ID批量刪除FAQ問(wèn)題
* @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-06
JSP防止網(wǎng)頁(yè)刷新重復(fù)提交數(shù)據(jù)的幾種方法
這篇文章主要介紹了JSP防止網(wǎng)頁(yè)刷新重復(fù)提交數(shù)據(jù)的幾種方法,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11
js實(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-11
Javascript同時(shí)聲明一連串(多個(gè))變量的方法
這篇文章主要給大家介紹了利用Javascript聲明一連串(也就是多個(gè))變量的方法,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-01-01

