实例讲解JS复选框动态计算表格每列总和

最新推荐文章于 2022-08-10 16:16:51 发布

iteye_11548

最新推荐文章于 2022-08-10 16:16:51 发布

阅读量353

点赞数

文章标签： J# JavaScript XHTML HTML ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

<!--

function countNum(e) {

var tab=document.getElementById("abc");

var obj=e.parentNode.parentNode;

var id=parseInt(obj.rowIndex)-1;

var checkbox=document.getElementsByName("checkbox");

var sumStr01 = 0;

var sumStr02 = 0;

var sumStr03 = 0;

var sumStr04 = 0;

for(var j=0;j <checkbox.length;j++)

{

if(document.getElementsByName("checkbox")[j].checked){

var num = parseInt(tab.rows[j+1].cells[1].innerText);

sumStr01 = parseInt(sumStr01) + num;

var num = parseInt(tab.rows[j+1].cells[2].innerText);

sumStr02 = parseInt(sumStr02) + num;

var num = parseInt(tab.rows[j+1].cells[3].innerText);

sumStr03 = parseInt(sumStr03) + num;

var num = parseInt(tab.rows[j+1].cells[4].innerText);

sumStr04 = parseInt(sumStr04) + num;

//alert(tab.rows[j+1].cells[1].innerText);

}

sum01.innerHTML =sumStr01;

sum02.innerHTML =sumStr02;

sum03.innerHTML =sumStr03;

sum04.innerHTML =sumStr04;

}

//-->

</SCRIPT>

</head>

<body>

<tr>

</tr>

<tr>

</div></td>

</tr>

<tr>

</div></td>

</tr>

<tr>

</div></td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

iteye_11548

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫