页面中数据全部选中,将数据传到后台
来源:互联网 发布:网络问政先进经验 编辑:程序博客网 时间:2024/05/22 22:10
示例图如下:
前台代码如下:
<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) { } } } }
阅读全文
0 0
- 页面中数据全部选中,将数据传到后台
- SpringMVC中的ModelMap(将后台数据传到前台页面)
- 后台处理数据通过 Ajax 中 success 函数传到页面
- 将后台数据传到前台JSON应用
- 如何将前端的数据传到后台
- 如何把页面的数据传到后台
- 将后台数据(C#)转换成JSON字符串传到页面转换成json对象存储在JS中
- 原来JSF页面可以这样将前台处理的数据传到后台处理!
- 将Excel中的数据传到数据库中
- 微信小程序编译过程中如何将一个页面的数据传到另一个页面呢
- 如何通过ajax将数据从前台传到后台
- 弹出子页面, 将数据传到父页面
- 前台页面传到后台的中文数据出现乱码问题
- JSP将页面checkbox选择的多项数据传到Action中进行处理
- base64数据如何传到后台
- SSH整合后怎样将数据传到页面
- 将后台中获取的值传到select,并将左边select的值移到右边,将select的全部值传到后台
- 解决javaWEB中前台数据传到后台乱码的问题
- VUE2.0 全套demo讲解 基础3(计算属性)
- 【web布局】记录一个很搞笑的bug
- 在notepad++中直接运行python代码快捷方式设置
- android百分比布局PercentRelativeLayout
- 面向对象五大基本原则
- 页面中数据全部选中,将数据传到后台
- MAC下IDEA配置jdbc
- subversion + Apache + jsvnadmin + tortoisesvn
- 从零开始学习使用iText PDF(1):生成第一个PDF文件
- 论文阅读笔记3
- hdu 6239 前三次方求和
- ajax后台返回json,后台有Date类型变量被封装进json,非正常结束问题
- respondsToSelector:与performSelector:区别
- MacOS配置多环境JDK