JavaScript 多选表格值相加:简单示例代码
要将表格中多选的值相加,您可以使用 JavaScript 来实现。以下是一个简单的示例代码:
HTML 代码:
<table id='myTable'>
<tr>
<td><input type='checkbox' value='10'></td>
<td><input type='checkbox' value='20'></td>
<td><input type='checkbox' value='30'></td>
</tr>
</table>
<button onclick='calculateSum()'>计算总和</button>
JavaScript 代码:
function calculateSum() {
var table = document.getElementById('myTable');
var checkboxes = table.getElementsByTagName('input');
var sum = 0;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type === 'checkbox' && checkboxes[i].checked) {
sum += parseInt(checkboxes[i].value);
}
}
console.log('总和:' + sum);
}
这段代码首先获取到表格元素和所有的复选框元素,然后遍历复选框元素,如果复选框被选中,则将其值转换为整数并添加到总和中。最后,通过控制台输出总和。
当您点击“计算总和”按钮时,将会将选中的复选框值进行相加,并在控制台中输出总和。您可以根据自己的需求修改代码来适应您的表格结构和需求。
原文地址: https://www.cveoy.top/t/topic/pali 著作权归作者所有。请勿转载和采集!