我有一段代码,是javascrip对表格每一行自动求和的,但我想时实反映求和的结果,写如表格的最右一列。我该如何写
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head><body>
<table width="200" border="1" id="tbl">
<tr onclick="test()">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr id="t">
<td>4</td>
<td>5</td>
<td>6</td>
<td>33</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>2</td>
</tr>
</table>
<button onclick="sum(tbl,0)">第一行</button>
<button onclick="sum(tbl,1)">第二行</button>
<button onclick="sum(tbl,2)">第三行</button>
</body>
</html>
<script>
function sum(tableName,row)
{
var a=0;
for(i=0;i<tbl.rows(1).cells.length;i++)
{
a+=parseInt(tableName.rows(row).cells(i).innerText);
}
alert(a);
}
//sum(tbl,1);
</script>
对于每一列又该如何写呢,请高手一定要帮忙呀
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head><body>
<table width="200" border="1" id="tbl">
<tr onclick="test()">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr id="t">
<td>4</td>
<td>5</td>
<td>6</td>
<td>33</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>2</td>
</tr>
</table>
<button onclick="sum(tbl,0)">第一行</button>
<button onclick="sum(tbl,1)">第二行</button>
<button onclick="sum(tbl,2)">第三行</button>
</body>
</html>
<script>
function sum(tableName,row)
{
var a=0;
for(i=0;i<tbl.rows(1).cells.length;i++)
{
a+=parseInt(tableName.rows(row).cells(i).innerText);
}
alert(a);
}
//sum(tbl,1);
</script>
对于每一列又该如何写呢,请高手一定要帮忙呀
解决方案 »
- 关于显示乱吗的问题
- 关于 response.setContentType的设置问题
- 求一份java对数据库操作的代码或方法(本人钢学习用java),请赐教!!
- hibernate 知识点
- 大家帮我看看这个简单的JSP程序错在哪呀?
- 使用自定义行为出现"未找到外部实体……”的错误
- session的疑问
- 高分求助:能否详细描述有关全局变量和对象包括其用途,生命周期等方面?
- 用jsp连上oracle后,在JSP中用(INSERT)插入中文数据后,显示乱码,有办法吗?
- 用哪种方式把表名等参数传到java后台合适
- tomcat web服务 用JSP 连接MS ACCESS数据库 到底用哪个驱动?
- 高手帮帮忙啊,明天要交作业。一个分页显示JSP程序编译出错。急!!!!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head><body >
<table width="200" border="1" id="tbl">
<tr onclick="test()">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr id="t">
<td>4</td>
<td>5</td>
<td>6</td>
<td>33</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>2</td>
</tr>
</table>
<button onclick="sum(tbl,0)">1</button>
<button onclick="sum(tbl,1)">2</button>
<button onclick="sum(tbl,2)">3</button>
<br>
<button onclick="sumColumn(tbl,0)">1</button>
<button onclick="sumColumn(tbl,1)">2</button>
<button onclick="sumColumn(tbl,2)">3</button>
<button onclick="sumColumn(tbl,3)">4</button>
</body>
</html>
<script>
function sum(tableName,row)
{
var a=0;
for(i=0;i<tbl.rows(1).cells.length;i++)
{
a+=parseInt(tableName.rows(row).cells(i).innerText);
}
alert(a);
}
//sum(tbl,1);
function sumColumn(tableName,column){
var a=0;
//获得总列数
var elmRows=tableName.rows; //alert(elmRows.length);
//取所有列的第column个单元格
for(i=0;i<elmRows.length;i++){ a+=parseInt(tableName.rows(i).cells(column).innerText);
}
alert(a);
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head><body >
<table width="200" border="1" id="tbl">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>sum</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>33</td>
<td></td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>2</td>
<td></td>
</tr>
</table><script>
var myTable = document.getElementById('tbl');var myLength = myTable.rows.length;for(var i=1 ; i< myLength; i++)
{
var objRow = myTable.rows[i];
var cellLength = objRow.cells.length;
var sum = 0;
for(var j=0;j<cellLength-1;j++)
{
sum += parseInt(objRow.cells[j].innerText);
}
objRow.cells[cellLength-1].innerText = sum+"1";
}</script>
应该是
objRow.cells[cellLength-1].innerText = sum;忘记去掉了。对于求列的sum,类似实现