html/js/main.js

var arr99 = []; //保存选中的变量
var arrDelPd = []; //回显数据中被取消的变量

$(function() {

    //树形结构
    function treeOpenOrClose() {
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
        $('.tree li.parent_li > span').on('click', function(e) {
            var children = $(this).parent('li.parent_li').find(' > ul > li');
            if (children.is(":visible")) {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
            } else {
                children.show('fast');
                $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
            }
            e.stopPropagation();
        });
    }
    treeOpenOrClose();

    // 表格单选框选项卡
    $(document).on('click', '.pure-table  tbody:not(.multipleChoice)  tr', function() {
        $(this).addClass("selected").siblings().removeClass("selected");
        $(this).find(".status").addClass('checked').parent().siblings().find(".status").removeClass('checked');

    })
})


/** 多选start*/

//复选框 选中 取消选中  
$(document).on('click', '.pure-table tbody.multipleChoice  tr', function() {

    if ($(this).hasClass('selected')) {
        $(this).removeClass('selected')
        $(this).find("td:eq(0)").removeClass('checked');
        filterAll();

        console.log('监控是否有pd=====' + $(this).find("td:eq(0)").data('pd'))
            // 取消选中，del数组里push id
        if ($(this).find("td:eq(0)").data('pd')) {
            arrDelPd.push($(this).find("td:eq(0)").data('id'))
            arrDelPd = unique(arrDelPd);
            console.log('有pd的取消  arrDelPd');
            console.log(arrDelPd)

        } else {

            removeByValue(arr99, $(this).find("td:eq(0)").data('id'));

            console.log('没有pd的取消  arr99')
            console.log(arr99)

        }

    } else {
        $(this).addClass("selected");
        $(this).find("td:eq(0)").addClass('checked');

        filterAll()



        // pd的 取消选中再选中，del数组里去除 id
        if ($(this).find("td:eq(0)").data('pd')) {
            removeByValue(arrDelPd, $(this).find("td:eq(0)").data('id'));
            arrDelPd = unique(arrDelPd);
            console.log('有pd的取消后重新选中  arrDelPd');
            console.log(arrDelPd)
        } else {
            arr99.push($(this).find("td:eq(0)").data('id'))
            arr99 = unique(arr99);
            console.log('没有pd的新增  arr99')
            console.log(arr99)

        }

    }
});


//过滤是否全部为选中状态
function filterAll() {
    var allCheckNum = $(".pure-table tbody.multipleChoice  tr").length;
    var checkedNum = $(".pure-table tbody.multipleChoice  .selected").length;
    // console.log('比较')
    // console.log(allCheckNum)
    // console.log(checkedNum)
    if (allCheckNum && allCheckNum == checkedNum) {
        $('.checkall').addClass('checked')
    } else {
        $('.checkall').removeClass('checked')
    }
}

//全选 取消全选
$(".checkall").click(function() {
    if ($(this).hasClass('checked')) {
        $(this).removeClass('checked');
        $(".pure-table tbody.multipleChoice  tr").removeClass("selected")
        $(".pure-table tbody.multipleChoice  tr").find("td:eq(0)").removeClass('checked');

        $(".pure-table-inner #dataList2 td").each(function() {
            removeByValue(arr99, $(this).data('id'));
        });
        alert(arr99)

    } else {
        $(".pure-table tbody.multipleChoice  tr").addClass("selected")
        $(".pure-table tbody.multipleChoice  tr").find("td:eq(0)").addClass('checked');
        $(this).addClass('checked');

        $(".pure-table-inner #dataList2 td.checked").each(function() {
            arr99.push($(this).data('id'));
        });
        arr99 = unique(arr99)
        alert(arr99)
    }

});

/** 多选end*/