• layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。


    $(document).on("click",".layui-table-body table.layui-table tbody tr",function(){
    var obj = event ? event.target : event.srcElement;
    var tag = obj.tagName;
    var checkbox = $(this).find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
    var dataIndex = $(this).attr("data-index");
    if($(this).parents(".layui-table-fixed").length>0){
    if(checkbox.length!=0){
    if(tag == 'DIV') {
    checkbox.click();
    }
    }
    }else{
    var checkbox1=$(this).parents(".layui-table-body").next().find(".layui-table-body table.layui-table tbody tr[data-index="+dataIndex+"]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");;
    if(checkbox1.length!=0){
    if(tag == 'DIV') {
    checkbox1.click();
    }
    }
    }
    //让其高亮显示 需要自己设置颜色.tr_selected{background: #888 !important;}
    var boxtr=$(this).parents(".layui-table-box").find("tr[data-index="+dataIndex+"]");
    $(boxtr).each(function(){
    if(!$(this).hasClass("tr_selected")){
    $(this).addClass("tr_selected").siblings().removeClass("tr_selected");
    }
    })

    });

    $(document).on("click","td div.laytable-cell-checkbox div.layui-form-checkbox",function(e){
    e.stopPropagation();
    });
  • 相关阅读:
    团购网站之大众点评
    cas xml
    smsUtil
    solr配置
    xml
    yu
    Schema.xml
    ApplicationContext-redis.xml
    fast
    第一版
  • 原文地址:https://www.cnblogs.com/wdd-cindy/p/9829102.html
Copyright © 2020-2023  润新知