layui 数据表格复选框实现单选功能

//点击选中(单选)
//单击行勾选checkbox事件

    $(document).on("click",".layui-table-body table.layui-table tbody tr", function () {
        var index = $(this).attr('data-index');
        var tableBox = $(this).parents('.layui-table-box');
        //存在固定列
        if (tableBox.find(".layui-table-fixed.layui-table-fixed-l").length>0) {
            tableDiv = tableBox.find(".layui-table-fixed.layui-table-fixed-l");
        } else {
            tableDiv = tableBox.find(".layui-table-body.layui-table-main");
        }
        //获取已选中列并取消选中
        var trs = tableDiv.find(".layui-unselect.layui-form-checkbox.layui-form-checked").parent().parent().parent();
           for(var i = 0;i<trs.length;i++){
              var ind = $(trs[i]).attr("data-index");
              if(ind!=index){
              var checkCell = tableDiv.find("tr[data-index=" + ind + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
                if (checkCell.length>0) {
                    checkCell.click();
                }
              }
           }
        //选中单击行
       var checkCell = tableDiv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
       if (checkCell.length > 0) {
            checkCell.click();
        }
        });
    $(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {
        e.stopPropagation();
    });

//点击选中（多选）
//单击行勾选checkbox事件
    $(document)
            .on(
                    "click",
                    ".layui-table-body table.layui-table tbody tr",
                    function() {
                        var obj = event ? event.target : event.srcElement;
                        var tag = obj.tagName;
                        var index = $(this).attr('data-index');
                        var tableBox = $(this).parents(".layui-table-box");

                        //存在固定列
                        if (tableBox
                                .find('.layui-table-fixed.layui-table-fixed-l').length > 0) {
                            tableDiv = tableBox
                                    .find('.layui-table-fixed.layui-table-fixed-l');
                        } else {
                            tableDiv = tableBox
                                    .find('.layui-table-body.layui-table-main');
                        }
                        var checkCell = tableDiv
                                .find('tr[data-index=' + index + ']')
                                .find(
                                        "td div.laytable-cell-checkbox div.layui-form-checkbox I");
                        if (checkCell.length > 0) {
                            checkCell.click();
                        }
                    });

    $(document).on("click",
            "td div.laytable-cell-checkbox div.layui-form-checkbox",
            function(e) {
                e.stopPropagation();
            })

 

转载于:https://www.cnblogs.com/pzx-java/p/9010352.html