頁面中資料全部選中,將資料傳到後臺
阿新 • • 發佈:2019-01-28
示例圖如下:
前臺程式碼如下:
<input type="button" class="searchbtns" value="推送選中使用者" onclick="AllShouldPush()">
<table class="personlist">
<thead>
<tr>
<td>序號</td>
<td>使用者名稱稱</td>
<td>手機號</td>
<td>剩餘樹</td>
<td>上次收貨時間</td>
<td>距上次收貨的天數</td>
<td ><input type="checkbox" name="titleCheck" onclick="checkAll(this)" id="titleCheck">選中</td>
<td>推送時間</td>
<td>操作</td>
</tr>
</thead>
<tbody >
<c:forEach items="${logList}" var="log" varStatus="st">
<tr>
<td>${st.index+1 }</td>
<td>${log.realname}</td>
<td>${log.mobile} </td>
<td>${log.treeCount}</td>
<td><fmt:formatDate value="${log.lastSuccessTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
<td>${log.dayCount}</td>
<td>
<input type="checkbox" name="ids" value="${log.id }">
</td>
<td><fmt:formatDate value="${log.pushTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
<td>
<input type="button" class="btn_addPic" value="推送" onclick="toPush(${log.id})" style="color: blue">
</td>
</tr>
</c:forEach>
</tbody>
</table>
<!--點選選中框-->
function checkAll(t){
if(t.checked){
$(".personlist :checkbox").prop("checked", true);
}else{
$(".personlist :checkbox").prop("checked", false);
}
}
<!--點選選中推送使用者按妞,執行ajax-->
function AllShouldPush(){
//選出勾選的記錄
var str = "";
$('input[name="ids"]:checked').each(function(){
str = str + $(this).val() +",";
});
// alert(str);
if(str == ""){
alert("請勾選需要操作的記錄");
}else{
var id = str;
if(confirm("確定推送給選中的使用者?")){
$.ajax({
url:"/userTree/toPushChecked.html?idss="+id,
type: "post",
dataType:"json",
cache:false,
async: false,
success: function(obj){
}
});
}
}
}
後臺程式碼解析選中的資料id如下
@RequestMapping("/toPushChecked.html")
@ResponseBody
public String toPushChecked(Model model, HttpServletRequest request,
@RequestParam(value = "idss", required = false) String idss) {
if(StringUtils.isNotBlank(idss)){
//將資料按照逗號分開放入陣列中
String[] s = idss.split(",");
List<Long> ids = new ArrayList<Long>();
//將陣列的值,迴圈出來放到集合中
for (int i=0;i<s.length;i++) {
ids.add(Long.parseLong(s[i]));
}
//迴圈出每一個id
if(ids != null && ids.size()>0){
for (Long id : ids) {
}
}
}
}