js实现遍历含有input的table实例

JavaScript遍历含有Input的Table实现技巧

在Web开发中，我们经常需要处理包含Input元素的Table。本文将通过实例展示如何使用JavaScript遍历含有Input的Table，并结合JSP动态生成Table的过程。对于对这方面技术感兴趣的朋友，这是一个很好的参考。

假设我们有一个动态生成的Table，数据来源于数据库。这个Table的结构如下：

JSP部分代码从数据库读取数据并生成Table：

<%

DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable;

if (firstGroupTable != null) {

for (int i = 0; i < firstGroupTable.Rows.Count; i++) {

%>

<%

}

}

%>

接下来，我们用JavaScript来实现对含有Input的Table进行遍历操作。例如，下面的editRow函数可以获取指定行的指定列的Input元素的值：

function editRow(rowIndex) {

alert(window.groupTable.rows[rowIndex].cells[2].getElementsByTagName('input')[0].value);

}