json中的复选框并传值到后台的批量删除

简单记录一下，开发中遇到在页面list 中要完成批量删除操作，当页面是后台的json 字符串返回得到的list列表时，首先页面上的json显示如下:

      checkbox:true,
               idField:"sysno",

                      columns: [{

                    field: "name",

                        title: "姓名",

                        width: "15%",

                        styleCls: "f-tac"

                    }, {

                    field: "sex",

                        title: "性别",

                        width: "15%",

                        styleCls: "f-tac",

                        formatter: function (value, row) {

                        if(value == "1"){

                        return "男";

                        }else{

                        return "女";

                        }

                        }

                    },{

                    field: "jobannex",

                        title: "港府工种",

                        width: "20%",

                        styleCls: "f-tac",

                    },]

这里的 checkbox:true时，页面上的list列表就有复选框了。

这里获取复选框后，如何得到勾选记录的id呢？

上述使用的json 中有一个属性是： idField:"sysno", 在勾选记录时，就绑定了对应记录的id。

这里需要在页面上写一个js 方法，获取勾选的id ,可能是一个或者多个。方法是参考网上的：

function selected(){

var perTag = document.getElementsByName("row_id");             

              var selectTag = "";

              for(var i = 0;i < perTag.length;i++){

              if(perTag[i].checked){

              selectTag += perTag[i].value + ",";

              }

              } 

           

              if(perTag == "" || perTag.length == 0){

              layer.alert("请至少选择一个人!");

              }

              selectTag = selectTag.substring(0,selectTag.length-1);

window.location.href ="url ?selectTag "+selectTag ;

}

这里的document.getElementsByName（） 是获取input标签的对应name 属性，最终获得一个勾选记录的数组。

我本地这里代码是这样的：html += "<td class=\"f-tac\"><input type=\"checkbox\" name=\"row_id\" value=\"" + obj[opts.idField] + "\"/></td>";

而perTag[i].value则是获取勾选记录的id。

这样就通过url 可以将勾选记录id 字符串 传到后台的对应的方法中。

后台方法中，例如 xxxAction 后，就可以将id的字符串解析成数组。

StringBuffer delSql = new StringBuffer();

String[] arr = selectTag .split(",");

for(int i = 0 ; i < arr.length;i++ ){

xxxService.del(arr[i]);

}

这样就可以粗略完成一个批量删除功能。