我如何从 table 的每一行中获取值并将它们存储在 js 数组中
How do i get the values from each row of a table and store them in a js array
我有这段生成 html table 的代码,我想在单击按钮时从行中获取所有数据并将其存储在 js 数组中。
<table cellpadding="0" cellspacing="0" width="25%" style="margin-top: 3em;" align="center">
<tr align="center">
<td> </td>
<td colspan="2" style="font-size:small;">Anualitat seleccionable</td>
</tr>
<tr align="center">
<td class="tau4"> </td>
<td class="tau4">Empleat</td>
<td class="tau4">Gestor</td>
</tr>
<logic:iterate id="i" name="anys_irpf" indexId="count">
<tr align="center" class="dadesAnys">
<td class="tau2" width="30%">${i.any}</td>
<td class="tau2" width="35%">
<c:choose>
<c:when test="${i.anyEmpleat == 1}">
<input type="checkbox" id="cbox1" value="cbox1" checked>
</c:when>
<c:otherwise>
<input type="checkbox" id="cbox1" value="cbox1">
</c:otherwise>
</c:choose>
</td>
<td class="tau2" width="35%">
<c:choose>
<c:when test="${i.anyGestor == 1}">
<input type="checkbox" id="cbox2" value="cbox2" checked>
</c:when>
<c:otherwise>
<input type="checkbox" id="cbox2" value="cbox2">
</c:otherwise>
</c:choose>
</td>
</tr>
</logic:iterate>
</table>
这是生成 table 的代码。
为该行的所有 td 标签提供相同的 class 名称,
因此,当您单击按钮时,获取 class 名称的所有元素,并在 for 循环中添加该元素
的所有值
var myTab = document.getElementById('tableID');
var tableData = [];
// LOOP THROUGH EACH ROW OF THE TABLE AFTER HEADER.
for (i = 1; i < myTab.rows.length; i++) {
// GET THE CELLS COLLECTION OF THE CURRENT ROW.
var objCells = myTab.rows.item(i).cells;
// LOOP THROUGH EACH CELL OF THE CURENT ROW TO READ CELL VALUES.
for (var j = 0; j < objCells.length; j++) {
tableData.push(objCells.item(j).innerHTML);
}
}
我有这段生成 html table 的代码,我想在单击按钮时从行中获取所有数据并将其存储在 js 数组中。
<table cellpadding="0" cellspacing="0" width="25%" style="margin-top: 3em;" align="center">
<tr align="center">
<td> </td>
<td colspan="2" style="font-size:small;">Anualitat seleccionable</td>
</tr>
<tr align="center">
<td class="tau4"> </td>
<td class="tau4">Empleat</td>
<td class="tau4">Gestor</td>
</tr>
<logic:iterate id="i" name="anys_irpf" indexId="count">
<tr align="center" class="dadesAnys">
<td class="tau2" width="30%">${i.any}</td>
<td class="tau2" width="35%">
<c:choose>
<c:when test="${i.anyEmpleat == 1}">
<input type="checkbox" id="cbox1" value="cbox1" checked>
</c:when>
<c:otherwise>
<input type="checkbox" id="cbox1" value="cbox1">
</c:otherwise>
</c:choose>
</td>
<td class="tau2" width="35%">
<c:choose>
<c:when test="${i.anyGestor == 1}">
<input type="checkbox" id="cbox2" value="cbox2" checked>
</c:when>
<c:otherwise>
<input type="checkbox" id="cbox2" value="cbox2">
</c:otherwise>
</c:choose>
</td>
</tr>
</logic:iterate>
</table>
这是生成 table 的代码。
为该行的所有 td 标签提供相同的 class 名称, 因此,当您单击按钮时,获取 class 名称的所有元素,并在 for 循环中添加该元素
的所有值var myTab = document.getElementById('tableID');
var tableData = [];
// LOOP THROUGH EACH ROW OF THE TABLE AFTER HEADER.
for (i = 1; i < myTab.rows.length; i++) {
// GET THE CELLS COLLECTION OF THE CURRENT ROW.
var objCells = myTab.rows.item(i).cells;
// LOOP THROUGH EACH CELL OF THE CURENT ROW TO READ CELL VALUES.
for (var j = 0; j < objCells.length; j++) {
tableData.push(objCells.item(j).innerHTML);
}
}