{
vartable =document.getElementById("tab1")
varrows = table.rows.length
alert('行数'+rows)
varcolums = table.rows[0].cells.length
alert('列数'+colums)
}
----根据列数自动循环显示隐藏
表格的第一行为thead中的th剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td，就可以获取这行的数据了
大概代码如下:
var trs =document.getElementById("tbodyId").getElementsByTagName("tr")
for(int i=0i<=trs.lengthi++)
{
var tr = trs[i]；
var tds＝tr.getElementsByTagName("td")
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据，在服务端进行修改
}
你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)点击 checkbox，获取 parentNode (也就是 td)，td.cellIndex 就是所在列的键值
点击 checkbox，获取 parentNode.parentNode (也就是 tr)，tr.rowIndex 就是所在行的键值
<script type="text/javascript">
// 点击
document.onclick = function(e) {
// 兼容 event 和 target
e = e || window.event
var target = e.target || e.srcElement
// 确认是 checkbox
if(target.tagName.toLowerCase() === "input"
&&target.type === "checkbox") {
// 获取行列键值
var row_num = target.parentNode.parentNode.rowIndex
var col_num = target.parentNode.cellIndex
// 输出
alert(row_num + " " + col_num)
}
}
</script>
因为键值是从 0 开始，一般需要 +1 才是行列数，但因为你表单中第一行个第一列都是文字，所以不需要 +1 正好输出需要的数字，例如点击周四 + 6，会输出 4 6
