快捷導(dǎo)航

一覽畫(huà)面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法

更新時(shí)間：2016年05月30日 09:58:00 作者：山中小溪

這篇文章主要介紹了在一覽畫(huà)面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法，前臺(tái)采用js技術(shù)后臺(tái)采用java技術(shù)實(shí)現(xiàn)的，邏輯清晰，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧

在web開(kāi)發(fā)中經(jīng)常會(huì)遇到一覽畫(huà)面中每一條記錄前都帶一個(gè)復(fù)選框，點(diǎn)擊后選中該條記錄進(jìn)行刪除、修改、查看等操作。

修改和查看都是獲取一條記錄的id值后傳遞到后臺(tái)進(jìn)行查詢(xún)獲取該記錄對(duì)象的各種屬性值，再顯示到畫(huà)面上。

我說(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)擊批量刪除按鈕后，首先判斷用戶(hù)是否至少選中了記錄，否則彈出提示消息。選中后點(diǎn)擊刪除按鈕執(zhí)行后臺(tái)方法。如果執(zhí)行操作失敗彈出操作失敗消息框。

以上所述是小編給大家介紹的一覽畫(huà)面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法，希望對(duì)大家有所幫助，如果大家想了解更多資訊敬請(qǐng)關(guān)注腳本之家網(wǎng)站！

您可能感興趣的文章: