1. 程式人生 > >頁面中資料全部選中,將資料傳到後臺

頁面中資料全部選中,將資料傳到後臺

示例圖如下:
這裡寫圖片描述
這裡寫圖片描述

前臺程式碼如下:

 <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) {

                    }
                }
            }
    }