精华内容
下载资源
问答
  • 2021-04-13 17:25:20
    this.$refs.table.store.states.selection
    
    更多相关内容
  • 有关javascript 获取checkbox复选框的实例数不胜数。 js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var ...
  • 今天小编就为大家分享一篇layui 监听表格复选框选中值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 关于如何获取复选框选中行的数据

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

    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.效果图

     

     可以看到已经成功获取了

               

     

    展开全文
  • 如下: <!doctype html> <html lang="en"> <...href="../../../static/js/css/layui.css" rel="external nofollow" media="all">...href="../../../static/css/index-gb.css" rel="external nofoll
  • 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: [[ {...

    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-table表复选框勾选的所有数据获取的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui默认选中table的CheckBox复选框方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • easyUI datagrid复选框获取选中行

    千次阅读 2019-07-05 16:12:28
    getSelected跟getSelections是选中行,而且getChecked是选择。 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。 getSelections:取得所有选中行数据,返回元素记录的数组数据。 ...

    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值是否正确,一般此值取主键,唯一标记一行信息。

    展开全文
  • 平时操作表格选中时需要把鼠标放到复选框中点击感觉太麻烦了,如果直接点击就可以选中就简单多了,于是就有下面代码实现 实现 基于jquery,直接复制过去即可使用 // 表格点击自动选中 ======================...
  • 方法一:使用表格属性:header-cell-class-name 表格界面代码 data=tableData header-cell-class-name=cellclass xss=removed> 日期 width=120> <templ
  • 1.vue之复选框选中表格行数据(全选/全不选/部分选) 参考代码:https://c.runoob.com/codedemo/3870 结果: (1)全选: (2)全不选: (3)部分选 代码: <template> <div class="content"> <...
  • 利用layui更新渲染方法和网上的一些方法去解决后极大的减少了无法选中的情况,但是暴力测试时偶尔还会出现,实在不知道什么原因,所以就用了一个折中的方法——自己写一个复选框 <!--原有layui复选框--> &...
  • remoteSort: false, clientPaging:true, pageSize: 15, pageList: [10, 15, 20, 25, 30, 40, 50], columns:[[ {field: 'id', align: 'left', halign: 'center',checkbox:true},//设置复选框 {field: 'interid', ...
  • 我需要从Jquery Datatables的隐藏列中获取选中复选框的值(在第一个可见列中).到目前为止我已经有了bodytable$= $('#dataTable').dataTable({"bJQueryUI" : true,"bPaginate" : true,"bSort" : false,"bFilter": ...
  • 在脚本标签: HTML部分: value="Link" /> "instruction_grid"> { %> } %> Sl No. name="chkSelectAll" /> Document title Description Revision Parts name ...我需要通过选中相应的复选框来对所选进行更新操作。
  • 情况:我要批量插入表格里的数据,使用复选框选中复选框时,怎么把该复选框的数据也取出来。 像这样,我要取出标题,作者等信息,咋取?在这记一下。 jsp页面,我的表格是酱的,我要取fid,title,userid ...
  • }, 维护一个数组 selectEmpoyee 用于存放checked选中后的表格数据 确保id的唯一性 selectCancel(selection, row) { this.selectEmploy = this.selectEmploy.filter((item) => { return item != row.id; }); }, 多选...
  • 判断复选框是否选中状态 推荐两种方法的使用 第一种是prop(‘checked’); 示例代码 <input type="checkbox" id="checks"> <script> //获取文本框 let c1 = $("#checks").prop('checked'); //得到c1...
  • JS删除复选框选中行

    千次阅读 2020-04-08 19:35:58
    一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。 接下来,就来讲解一下,如何通过获取复选框,获取选中数据,进行一键删除...
  • toggleSelection(row) { // tableOrderList是表格标签的 ref 名称 this.$refs.tableOrderList.toggleRowSelection(row); },
  • 第一个是关于复选框全选反选的操作,当然我在里面还加了一个小功能,就是当选择底下尚品或者其他的东西的复选框全部为选中状态时则全选按钮也变为选中状态;反之亦然。 <!DOCTYPE html> <html> <head&...
  • <el-form-item label="某某字段"> <el-checkbox-group v-model="form.... <el-checkbox v-for="dict in suspensionChoiceOptions" :key="dict.dictValue" :label="dict.dictValue" ...
  • https://blog.csdn.net/weixin_39182073/article/details/90901435
  • spreadjs_列头添加复选框全选功能-demo
  • table开启了复选框获取所有选中复选框中的表格数据,方法: layui.table.checkStatus('table1').data; // table1为表格id
  • layui数据表格,带复选框获取选中行数据
  • 今天小编就为大家分享一篇layui复选框的全选与取消实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,970
精华内容 5,588
关键字:

获取复选框选中的表格的行