function selectedDelete(){
var checkbox = document.getElementsByName("checks[]"); //定义一个变量checkbox,找到name为‘checks[]’的元素。
var number = 0; //初始化一下number
var selectedid = ''; //记录所选数据的id
if(checkbox.length != 0) //判断条件是当选择的个数不为0时
{
for( i = 0; i < checkbox.length; i ++) //循环遍历复选框
{
if (checkbox[i].checked == true) //如果[i]个复选框为选中状态
{
number ++; //累加所选的个数
selectedid += checkbox[i].defaultValue + ',';
}
}
alert(selectedid);
if(number == 0) //如果个数=0,也就是没有选中内容的时候
{
alert("请选择"); //弹出一个提示框,提示用户请选择内容
}else
{
BootstrapDialog.simpleConfirm('删除确认', '你确定删除这' + number + '个客户吗?', function(result){
if(result) {
location.href='${contextPath}/customer/selecteddelete/' + selectedid + '.html';
}
})
}
}
}
//批量删除方法结束
<button class="btn btn-mini btn-warning" οnclick="selectedDelete()">
<i class="icon-trash"></i>
批量删除
<i class="icon-arrow-right icon-on-right"></i>
</button>
<table id="sample-table-2" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th class="center">
<label>
<input type="checkbox" />
<span class="lbl"></span>
</label>
</th>
<th>线索内容</th>
</tr>
</thead>
<tbody>
<#list clueList as clue>
<tr>
<td class="center">
<label>
<input type="checkbox" id="check" name="checks[]" value="${clue.clueId}"/>
<span class="lbl"></span>
</label>
</td>
<td>
<a href="${contextPath}/clue/clueDetail.html?crmClueID=${clue.clueId}">${clue.clueTitle}</a>
</td>
<td>${clue.clueCustomerName}</td>
</tr>
</#list>
</tbody>
</table>
后台:
/**
* 从一览中批量删除线索
* @param selectedid
*/
@RequestMapping("/selecteddelete/{selectedid}.html")
public ModelAndView selectedClueDel(@PathVariable("selectedid") String selectedid){
String[] deleteids=selectedid.split(",");
for(int i=0; i<deleteids.length; i++){
clueService.clueDel(deleteids[i]);
}
ModelAndView m = new ModelAndView("redirect:/clue/list.html");
return m;
}