您的位置：首页 > Web前端 > JavaScript

jsp页面中Table表格首列合并同类项的脚本调用方法

2015-07-13 17:59 821 查看

在JSP页面
头部引入以下脚本：

<script type="text/javascript">

function parallelTable(tb) {

var tab = document.getElementByIdx_x(tb);

if (!checkTable(tb))

return;

var i = 0;

var j = 0;

var rowCount = tab.rows.length;

var colCount = tab.rows[0].cells.length;

var obj1 = null;

var obj2 = null;

for (i = 0; i < rowCount; i++) {

for (j = 0; j < colCount; j++) {

tab.rows[i].cells[j].id = "tb__" + i.toString() + "_"

+ j.toString();

}

}

var k=0;

obj1 = document.getElementByIdx_x("tb__0_" + k.toString());

for (j = 1; j < rowCount; j++) {

obj2 = document.getElementByIdx_x("tb__" + j.toString() + "_"

+ k.toString());

if (obj1.innerHTML == obj2.innerHTML) {

obj1.rowSpan++;

obj2.parentNode.removeChild(obj2);

} else {

obj1 = document.getElementByIdx_x("tb__" + j.toString() + "_"

+ k.toString());

}

}

}

function checkTable(tb) {

var tab = document.getElementByIdx_x(tb);

if (tab.rows.length == 0)

return false;

if (tab.rows[0].cells.length == 0) {

return false;

}

for ( var i = 0; i < tab.rows.length; i++) {

if (tab.rows[0].cells.length != tab.rows[i].cells.length)

return false;

}

return true;

}

</script>

【调用方法】：

1、<body onload="parallelTable('tjsp')"> 在body标签中onload该脚本方法

2、<table id="tjsp"width="770" cellpadding="0" cellspacing="0"> 在所需要合的table中标记id

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航