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

總結

以上是生活随笔為你收集整理的layui表格复选框赋值，获取表格复选框选中值，表格复选框回选的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。