dataTables获取单选,全选数据

//定义的选框


//dataTables复选框参数设置
columns: [
            {
                data: "",
                bSortable: false,//是否排序
                name: "左边选框",
                render: function (data, type, row, meta) {
                    return ''
                }
            }
        ]


    //定义获取选中所需的数据,
    var ids='';  //用户id
    var name=''; //用户名称
    
    //获得单选,选中数据
    function add_Goods(_this) {
        var nRow = $(_this).parents('tr')[0];//得到这一行
        var aData = oTable.fnGetData(nRow);//得到这一行的json数据
        var txt = aData;
        if (_this.checked) {
            ids+=txt.ids+',';
            name+=txt.name+',';
            console.log(ids+"-------"+name);
        } else {
            $(_this).removeAttr('checked');
            //当取消选中,把参数设置为空
            ids= ids.replace(txt.ids+',',"");
            name= name.replace(txt.name+',',"");
        }
    }

    //获得全选,选中数据
    $("#checkAll").click(function () {

        var checkOne={}; //存放全选选中数据

        if ($(this).is(":checked")) {
            $("[name=head]:checkbox").prop("checked", true);
            $("input[name='head']").each(function () {
                var nTrs = oTable.fnGetNodes(); //fnGetNodes获取表格所有行,nTrs[i]表示第i行tr对象
                for(var i = 0; i < nTrs.length; i++){
                    checkOne=oTable.fnGetData(nTrs[i]);
                    ids+=checkOne.ids+',';
                    name+=checkOne.name+',';
                    console.log(ids+"-------"+name);
                }
            });
        } else {
            //取消全选,直接把值设置为空
            $("[name=head]:checkbox").prop("checked", false);
            ids="";
            name="";
        }
    });

 

你可能感兴趣的:(dataTables获取单选,全选数据)