jsp標籤程式碼:

	<table class="table table-border table-bordered table-bg">
		<thead>
			<tr>
				<th scope="col" colspan="10">管理員列表</th>
			</tr>
			<tr class="text-c">
				<!--全選按鈕 -->
				<th width="25"><input type="checkbox" name="" id="allSelect" class="allSelect" value=""></th>
				<th width="120">ID</th>
				<th width="80">真是姓名</th>
			</tr>
		</thead>
		
		<tbody>
	     <c:forEach items="${page.list}" var="user">
			<tr class="text-c">
				<td><input type="checkbox" value="${user.id }" name="id"></td>
				<td>${user.id }</td>
				<td>${user.userName}</td>
			</tr>   
		   </c:forEach>
		</tbody>
	</table>
 

js方法程式碼:

//刪除所選中的管理員
function datadel(){
	layer.confirm('確認要刪除嗎？',function(index){
	// 獲取所有選中的checked框
	var option = $(":checked");
	var checkedId = "";
	var boo=true;
	//拼接除全選框外,所有選中的id,
	for (var i = 0, len = option.length; i < len; i++) {
		if (boo) {
			if (option[i].id=='allSelect') {
				boo=true;
			}else {
				boo=false;
				checkedId += option[i].value;
			}
		}else{
			checkedId += ","+option[i].value;
		}
	}
	 $.ajax({
			  type: "post",
			  url:'${base}admin/doFalseDelete',
			  data : {
			  "checkedId":checkedId
			  },
			  dataType:"json",
			  success : function(map) {
				 parent.layer.msg(map.message,{icon: 6,time:1000});
				 setTimeout("serachFromSubmit()", 1000);
			  },error:function(code){ 
			         parent.layer.msg('操作失敗!',{icon: 5,time:1000});
			  } 
			});
	});
}
 

	/**
	 * 邏輯刪除所選中管理人員的id
	 */
	@RequestMapping("doFalseDelete")
	@ResponseBody
	public Map<String, Object> doFalseDelete(String checkedId){
		Map<String, Object> map=new HashMap<String, Object>();
		userService.falseDelete(checkedId);
		map.put("message", "刪除成功");
		return map;
	}
 

後臺Service層:

int falseDelete(String checkedId);

	@Override
	public int falseDelete(String checkedId) {
		return userMapper.falseDelete(checkedId.split(","));
	}

userMapper.java:

    //所選中的id,邏輯刪除
    int falseDelete(String[] checkedId);

<!--使用者批量刪除,邏輯刪除-->
  <delete id="falseDelete"  >
    update user set del_flag=true where id in
      <foreach collection="array" item = "id" open="(" separator="," close=")">
   	   		#{id}
    </foreach>  
  </delete>

  1.以上採用的為邏輯刪除,採用的是改變記錄的刪除標記。

  2.以上前段採用H-UI框架,所以不用自己寫全選與不全選的js,如果沒采用框架,請自行百度,例子太多了