在相应行中输入数字时动态计算- Javascript
提问于 2017-01-06 07:21:03
在学生行中有m students和n criteria列，在同一行中有合计列。但是，当只输入相应行中的数字时，必须动态计算总数。需要做哪些修改？以这种方式，对第一行中的所有输入求和。但只需要逐行求和。
<script>
var num=[];
function recalculate(rowData,studCode) {
var n = document.getElementById('criteria_count').value;
num.push(parseFloat(document.getElementById('criteria_mark_'+rowData).value));
var total=0;
for (var i = 0; i <n; i++) {
total = total + parseFloat(num[i]) ;
if (!isNaN(total)) {
document.getElementById('total_mark_'+studCode).value = Math.round(total);
}
}
}
</script>
回答 1
Stack Overflow用户
发布于 2017-01-06 08:44:53
希望我能正确理解你的需求。我制作了一个JSFiddle，详细说明如何实现您所解释的内容(假设我正确理解了您的意思)。
https://jsfiddle.net/z0d4y8ao/12/
这将遍历指定行上的每个元素，并计算总数并将其分别放入结果元素中。
如果您使用这段代码，请记住它是原始的javascript，您必须自己找到结果，这样才能插入总值(我个人使用服务器端语言创建唯一的ID。)
function calcNewVal(rowID)
{
var row = document.getElementById(rowID);
var tdCount = row.childElementCount - 1;
var total = 0;
var currentTd = null;
var resultText = document.getElementById('result0');
for(var i = 0; i < tdCount; i++)
{
currentTd = row.children[i].childNodes[0].value;
total += parseInt(currentTd);
}
console.log(total);
resultText.innerHTML = total;
}html：
<table id="myTable">
<tr>
<th>Subject1</th>
<th>Subject2</th>
<th>Subject3</th>
<th>Result</th>
</tr>
<tr onchange="calcNewVal(this.id)" id="row0">
<td><input type="text" value="13"></td>
<td><input type="text" value="13"></td>
<td><input type="text" value="13"></td>
<td id="result0"></td>
</tr>
<tr id="row1">
<td><input type="text" value="13"></td>
<td><input type="text" value="13"></td>
<td><input type="text" value="13"></td>
<td id="result1"></td>
</tr>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41500877
复制相关文章
腾讯云开发者
