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(); })

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM