• 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(); })
  • 相关阅读:
    java代码中的三元表达式
    RequestDispatcher用法
    SQL的分页算法
    “将截断字符串或二进制数据”错误分析
    SQL Server 2005中top关键字的用法
    rtems开发环境
    linux虚拟机无法识别u盘
    多核性能优化
    windows无法安全卸载u盘的老毛病
    关闭指定servcie日志
  • 原文地址:https://www.cnblogs.com/pzx-java/p/9010352.html
Copyright © 2020-2023  润新知