欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年05月30日 09:58:00   作者:山中小溪  
這篇文章主要介紹了在一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法,前臺(tái)采用js技術(shù)后臺(tái)采用java技術(shù)實(shí)現(xiàn)的,邏輯清晰,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧

在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)文章

最新評(píng)論