前两天遇到一个需求，需要获取复选框选中行的数据再进行数据的操作，找了几篇文章，发现要么是获取不了，要么是只能获取单行，总之就是挺模糊的，不够细致，所以就自己通过摸索实现了，现在将这个方法进行整理分享给大家。

1.首先给大家看的是我的html代码，我是用js动态生成的，本质上和页面上写的是一样的,注意该方法需要给复选框(input)加上name属性

  var tbody = ' <tr class="text-center" href="' + rem.Data[i].Href + '">'
                        + '<td class="text-center" name="href" href="' + rem.Data[i].Href + '">'
                        + '<input type="checkbox" name="checkbox"></td>'
                        + '<td class="hidden-xs  font-500" name="resourcesName">' +                                                   rem.Data[i].ResourcesName + '</td>'
                        + '<td class="visible-lg  text-muted" name="type"> '+ rem.Data[i].Type+'</td>'
                        + '<td class="visible-lg text-muted">' + rem.Data[i].UName +'</td>'
                        + ' <td class="visible-lg text-muted">'
                        + '<em>'+rem.Data[i].FileSize+"M"+'</em>'
                        + '</td>'
                        + ' </tr>'
                    $("#tbody").append(tbody)     

2.接下来是我的js代码，这个方法也可以获取到标签自定义属性的值

 //获取被选中的复选框 （要定义input的name才能获取）
            var checked = $("input[name=checkbox]:checked");

            //循环被选中复选框的长度
            for (i = 0; i < checked.length; i++) {
                    //创建一个对象
                    var obj = {};

                    //获取复选框选中的总行数里的i行   
                    var row = $("input[name=checkbox]:checked").parent("td").parent("tr")[i];

                    //children获取的是子元素  []指要获取的第几个子元素  innerHTML取其html文本

                    obj["ResourcesName"] = row.children[1].innerHTML;

                    obj["Type"] = row.children[2].innerHTML;

                    obj["Href"] = row.getAttribute("href"); //获取自定义属性的值

                    console.log(row.children[1].innerHTML, row.children[2].innerHTML, row.getAttribute("href"))
                    
                //将对象存进数组
                 array[i] = obj;
            }

            console.log(array);

3.效果图

 可以看到已经成功获取了

layui获取表格复选框提交/回选

表格JS

table.render({
    elem: '#app-from',
    id: 'app-from',
    url:  '/plm/api/employee/listByRole?roleId=' + data.roleId,
    method: 'GET',
    page: true,
    limit:50,
    cols: [[
        {type: 'checkbox', fixed: 'left'},
        {field: 'no', width: 100, title: '编号'},
        {field: 'name', width: 150, title: '姓名'},
        {field: 'mobile', width: 150, title: '手机号码'},
        {field: 'phone', width: 150, title: '电话'}
    ]]
    ,done:function(result,currPage,count){//数据回调方法
        var data = result.data;
        data.forEach(function(value, i) {
            if(value.isRole > 0){
                //$('.layui-table .layui-table-body tr[data-index='+i+'] .layui-unselect').click();
                // layui-unselect和layui-form-checkbox都是同一个元素的class
                // 上面的方式也可以，但是如果一个页面有多个表格的话，建议还是使用下面这种方式
                // 没有开启浮动使用这个即可
                // $('div[lay-id="app-from"] .layui-table-body tr[data-index='+i+'] .layui-form-checkbox').click();
                // 开启左浮动使用这个
                $('div[lay-id="app-from"] .layui-table-fixed tr[data-index='+i+'] .layui-form-checkbox').click();                                  
            }
        })
    },
});

获取选中行

saveRoleUser:function(){
    var check = table.checkStatus('app-from');
    var userIds = [];
    $(check.data).each(function (i, o) {// o 即为表格中一行的数据
        userIds.push(o.userId);
    });
    var roleId= $("#roleId").val();
    tools.request({
        url: '/plm/api/role/updateUserRole',
        method: 'get',
        params: {userIds: userIds.join(","), roleId: roleId}
    }).done(res => {
        if (res.code == 0) {
            layer.closeAll();
            layer.msg('操作成功', {icon: 1});
        } else {
            layer.msg(res.msg, {icon: 2});
        }
    })
},

j

getSelected跟getSelections是选中行，而且getChecked是选择行。

getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。
getSelections：取得所有选中行数据，返回元素记录的数组数据。
getChecked：取得checkbox选择行的数据，返回元素记录的数组数据。

var rows = $(’#datagrid_DataPull’).datagrid(“getSelections”); //首先获得你所选择的行。
var ids = [];
for (var i = 0; i < rows.length; i++) {
alert(rows[i].JSON_id);
ids.push(rows[i].JSON_id); //这个地方跟你id值的 field内的内容一样。 将这一行的id值给ids数组了。后台接收的到是[1,2,3]这样一个数组，后台得写一个分割函数。
}

**注意：**getSelections：取得所有选中行数据，若只获取到第一行选中的信息，则检查 idField值是否正确，一般此值取主键，唯一标记一行信息。