zoukankan      html  css  js  c++  java
  • 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();
    });
  • 相关阅读:
    mysql 写计数器需要注意的问题
    CSS3倒影效果
    svg path 解析
    图论-深度优先和广度优先(均非递归)
    线段树---HDU1166敌兵布阵
    线段树入门---给定多个线段求点的出现个数
    NYOJ-129 并查集
    并查集(基础)
    二叉搜索树
    堆及堆排序
  • 原文地址:https://www.cnblogs.com/wdd-cindy/p/9829102.html
Copyright © 2011-2022 走看看