多规格自动生成多维表格

Html

Css

* {
	padding:0;
	margin:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
table {
	width:100%;
}
td {
	height:20px;
	border:1px solid #ccc;
	vertical-align:middle;
	padding：5px;
}

//获取选中复选框的二维数组
function getCheckArr(elem) {
    var arr = [];
    $('#type div').each(function() {
        var me = $(this),
            checkeds = me.find(':checked');
        if (checkeds.length) {
            var temp = [];
            checkeds.each(function() {
                temp.push($(this).val())
            })
            arr.push(temp);
        }
    })
    console.log(arr)
    return arr;
}

function getArr(arr) {

var res = run(arr);
    if (!res) {
        return '';
    }
    var len = res.length;
    for (var i = 0; i < len; i++) {
        res[i] = res[i].split(',')
    }
    console.log(res);
    return res;

}

function resetTable(data) {
    var tpl = '';

var arr = getArr(getCheckArr());

var temp = [];

$.each(arr, function(k, v) {
        tpl += '<tr>';
        $.each(v, function(key, val) {
            tpl += getCell(v.slice(0, key + 1).toString(), key, val);
        })
        tpl += '<td><input type="text" value=""></td><td></td><td></td>';
        tpl += '</tr>';
    })

$('#list').html(tpl)
}

$(':checkbox').click(function() {
    resetTable()
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

多规格自动生成多维表格



代码描述：jQuery多规格自动生成多维表格

多规格自动生成多维表格

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

AprilChou

相关代码

多规格自动生成多维表格

最新