JS获取table中选中某几行其中某一列数值的总和 一、思路 1. 如何获取某几行,并且可以实时变化数值?实现如下:
$("input[type='checkbox']").click(function(){ alert($(this).val()); })
2. 接下来就是实现当每次触发点击事件以后,然后,计算其中的值,实现如下:
<script> $(function(){ $("input[type='checkbox']").click(function(){ var total= getColumnTotal('productStoryForm',8); $('#total').html(total); }) function getColumnTotal(tableId, columnIndex) { const table = document.getElementById(tableId); const rows = table.getElementsByTagName('tr'); let total = 0; for (let i = 0; i < rows.length; i++) { const row = rows[i]; const checkbox = row.getElementsByTagName('input')[0]; if (checkbox && checkbox.type === 'checkbox' && checkbox.checked) { const cells = row.getElementsByTagName('td'); const cellValue = cells[columnIndex].textContent; console.log(cellValue); total += parseFloat(cellValue); } } return total; } }); </script>
以上就是实现动态计算每一列的值,并且展示在字段上,谢谢学习!!!
标签:function,checkbox,const,几行,JS,table,total From: https://www.cnblogs.com/wangjinya/p/17362709.html