Layui Table 點擊行時選中單選框或復選框


Layui Table點擊行時選中單選框

//注:test是table原始容器的屬性 lay-filter="對應的值"
layui.table.on('row(i_Layer_SearchResult_Table_Filter)', function (obj) {
    //選中行樣式
    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
    //選中radio樣式
    obj.tr.find('i[class="layui-anim layui-icon"]').trigger("click");
});

Layui Table點擊行時選中復選框

$(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 checkCell = tableDiv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
    if (checkCell.length > 0) {
        checkCell.click();
    }
});
//對td的單擊事件進行攔截停止,防止事件冒泡再次觸發上述的單擊事件(Table的單擊行事件不會攔截,依然有效)
$(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