示例图如下：

前台代码如下：

 <input type="button" class="searchbtns" value="推送选中用户" onclick="AllShouldPush()">
                 <table class="personlist">
                            <thead>
                                <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>
                            </thead>
                            <tbody>
                                <c:forEach items="${logList}" var="log" varStatus="st">
                                        <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>
                                        <input type="checkbox" name="ids" value="${log.id }">
                                        <td><fmt:formatDate value="${log.pushTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
                                            <input type="button" class="btn_addPic" value="推送" onclick="toPush(${log.id})" style="color: blue">
                                </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) {
                    示例图如下：  前台代码如下： <input type="button" class="searchbtns" value="推送选中用户" onclick="AllShouldPush()">                 <table class="personlist">                            <thead>
				
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据，今天用到了就分享一下。
由于我做的项目一些地方比较复杂，这里我只举一个小例子，能理解就好。
首先，我做了一个简单的多个复选框的界面，如图：
这是一个比较简单的多个复选框提交界面。代码如下：
 <input type="checkbox" name="check" value="1"/>复选框1
 <input type="checkbox" nam
1. 点击这个checkbox按钮，会选中下面所用checkbox，当然在选中的情况下点击，会将下面所有选中的checkbox取消；
2. 当下面使用submit的提交按钮时，会将所有checkbox选中的数据提交给后端；
1、实现全选checkbox功能
技术分析：其实这里可以使用js活着jquery两种方式，我暂时使用的是js中的dom实现的，...
				
数据处理：取出数据封装成多个对象，并push到数组中
var courseName=$("tbody tr").eq(0).find("td").eq(0).html();		
		var courseId=$("#courseSelect option[value='"+courseName+"']").data("courseId");
		var array=new Array();   //开辟数组
		$("tbody tr").each((index,item)=>{
			var use
        如上图，要在一个表里面，同时添加8条记录，那么就需要把8条数据同时传到后台，我的解决方案是，通过jquery代码进行表元素循环，具体代码如下
通过这段代码就多条记录同时传到了后台。
  后台在通过不同的分隔符将数据分割成记录，字段。
				
1.本方案大体思路是，将选中元素所在行的数据，拼装成一个js对象，然后使用JSON.stringify方法将对象转换为json字符串，以ajax.post的方式发送给后台，然后在server端用GsonUtils转为List                <table >
                    <thead >
				
submit 按钮提交方式
&amp;lt;form action=&quot;http://localhost:8080/postData.do&quot; method=&quot;post&quot;&amp;gt;
	&amp;lt;input type=&quot;text&quot; name=&quot;username&quot; /&amp;gt;
	&amp;lt;input typ
				
1：最简单的标签<a href="xxx.xxx?username='liufukin'">请求服务器</a>2:用的最多的表单<form action="xxx.xxx" method="post/get">
    用户名：<input type="text" name="username">
    密码：<input type="password" name="userpwd">
```javascript
function copyToCell() {
  var popupData = document.getElementById("popupData").value; // 获取弹窗数据
  var cell = document.getElementById("cell"); // 获取指定单元格
  cell.value = popupData; // 将弹窗数据复制到指定单元格
在 HTML 中，需要添加一个弹窗和一个指定单元格的元素：
```html
<input type="text" id="popupData">
<button onclick="copyToCell()">复制到单元格</button>
<input type="text" id="cell">
当用户在弹窗中输入数据并点击“复制到单元格”按钮时，就会将数据复制到指定单元格中。