我已经使用 javascript 设置了一个表。请注意，为了方便起见，我已将行数减少到只有一行。加载后，用户将在单元格中输入值。每行有 3 个单元格。当在单元格 1 或单元格 2 中键入值时，单元格 3 应自动更新。公式是
cell1(in column: Score1) + cell2(in column: Score2) = cell3(column: Total)
但是这不起作用。我一直在 cell3 中得到 NaN。谁能帮我解决这个问题？
<!DOCTYPE html>
<html>
<head>
<title>MP</title>
<style type="text/css">
th {font-weight: bold; text-align: left; font-size: 14px; border: 1px;
border-style: solid; margin: 0px; border-colapse: colapse;
border-spacing: 0px;}
td {font-weight: Normal; font-size: 14px; border: 1px; border-style: solid;
margin: 0px; border-colapse: colapse;}
.sn {text-align: right;}
.fin {text-align: right;}
</style>
</head>
<body>
<table id="pr">
<tbody>
<tr class="thd">
<th>Score A</th>
<th>Score B</th>
<th>Total</th>
</tr>
<tr>
<td><input type="text" class="fin" onkeyup="update();" /></td>
<td><input type="text" class="fin" onkeyup="update();" /></td>
<td input type="text" class="fin" name="totdeduction"></td>
</tr>
</tbody>
</table>
<br />
<br />
<script>
function update() {
var j = document.getElementById("pr").rows[1].cells[0].innerHTML;
var k = parseInt(j);
var l = document.getElementById("pr").rows[1].cells[1].innerHTML;
var m = parseInt(l);
var n = (k + m);
if (j ="") {k = 0;}
else if (l ="") {m = 0;}
document.getElementById("pr").rows[1].cells[2].innerHTML = n;
}
</script>
</body>
</html>
最佳答案
尝试在此处检查修复后的脚本:http://jsfiddle.net/9p19nngr/
function update() {
var j = document.getElementById("pr").rows[1].cells[0].getElementsByTagName("input")[0].value;
var k = parseInt(j);
if (isNaN(k)) {k=0}
var l = document.getElementById("pr").rows[1].cells[1].getElementsByTagName("input")[0].value;
var m = parseInt(l);
if (isNaN(m)) {m=0}
var n = (k + m);
document.getElementById("pr").rows[1].cells[2].innerHTML = n;
}
您假设 var j 包含数字，但是 j = document.getElementById("pr").rows[1].cells[0].innerHTML 分配给j 表格单元格包含的输入的 DOM 对象。相反，您应该分配输入值:j = document.getElementById("pr").rows[1].cells[0].getElementsByTagName("input")[0].value
关于javascript - 汇总动态表格中的单元格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31071027/