拜求~!js如何循环获取文本框的值 求和

senloveyunver 2010-12-20 10:59:31
<table width="200" border="1">
<tr>
<td> </td>
<td>一月</td>
<td>二月</td>
<td>合计</td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="test" name="tes" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="text"name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input name="test"type="text" value="789"/></td>
<td> </td>
</tr>
</table>

文本框中的数据是从数据库中查询出来的。。。
...全文
300 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
senloveyunver 2010-12-21
  • 打赏
  • 举报
回复
算不出每行的和。。。
Mr-Jee 2010-12-21
  • 打赏
  • 举报
回复
不行?什么不行?
senloveyunver 2010-12-21
  • 打赏
  • 举报
回复
帅哥 好像不行
senloveyunver 2010-12-21
  • 打赏
  • 举报
回复
谢谢了
Mr-Jee 2010-12-21
  • 打赏
  • 举报
回复
<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标双击滚动单击停止 - 中国asp之家</title>

<script language"javascript">
window.onload = function(){
var tr = document.getElementsByTagName("table")[0].rows;
for(var i = 0; i < tr.length; i++) {
var val = 0;
var input = tr[i].getElementsByTagName("input");
if(!input.length)
continue;
for(var j = 0; j < input.length;j++) {
val += +(input[j].value);
}
tr[i].cells[tr[i].cells.length-1].innerHTML = val;
}
};
</script>

</head>

<body>

<table width="200" border="1">
<tr>
<td> </td>
<td>一月</td>
<td>二月</td>
<td>合计</td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="test" name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="text"name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input name="test"type="text" value="789"/></td>
<td> </td>
</tr>
</table>
</body>

</html>
senloveyunver 2010-12-21
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<form action="" method="get">
<table width="200" border="1">
<tr>
<td></td>
<td>一月</td>
<td>二月</td>
<td>合计</td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" id="test" value="789"/></td>
<td><input type="test" name="tes" id="test2" value="789"/></td>
<td><input type="text"name="a" id="a" /></td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text"id="test" value="789"/></td>
<td><input type="text"name="tes" id="test2" value="789"/></td>
<td><input type="text"name="a" id="a" /></td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" id="test" value="789"/></td>
<td><input name="test"type="text" id="test2" value="789"/></td>
<td><input type="text"name="a" id="a" /></td>
</tr>
</table><input name="" type="button" value="计算" onclick="sum()"/>
<label></label>
</form>

</body>
</html>
<script language="javascript1.1">
function sum(){
var name = document.getElementById("test").value;
var name2 = document.getElementById("test2").value;
alert(name);
alert(name2);
alert(parseInt(name)+parseInt(name2));
var sum = parseInt(name)+parseInt(name2);
document.getElementById("a").value=sum;


};
</script>

我这个方法只能获得第二行的数据并把第一行的一月和二月的数据相加显示在合计里面 但是第三行和第四行就不知道如何获取了。。。
Mr-Jee 2010-12-20
  • 打赏
  • 举报
回复

<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标双击滚动单击停止 - 中国asp之家</title>

<script language"javascript">
window.onload = function(){
var tr = document.getElementsByTagName("table")[0].rows;
for(var i in tr){
var val = 0;
var input = tr[i].getElementsByTagName("input");
if(!input.length)
continue;
for(var j = 0; j < input.length;j++) {
val += +(input[j].value);
}
tr[i].cells[tr[i].cells.length-1].innerHTML = val;
}
};
</script>

</head>

<body>

<table width="200" border="1">
<tr>
<td> </td>
<td>一月</td>
<td>二月</td>
<td>合计</td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="test" name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="text"name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input name="test"type="text" value="789"/></td>
<td> </td>
</tr>
</table>
</body>

</html>
senloveyunver 2010-12-20
  • 打赏
  • 举报
回复
不是求 一共的 是求每一行的和 将他们的和放在合计下面的表格中。不是一共的、
Mr-Jee 2010-12-20
  • 打赏
  • 举报
回复
<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标双击滚动单击停止 - 中国asp之家</title>

<script language"javascript">
window.onload = function(){
var input = document.getElementsByName("test");
var total = 0;
for (var i = 0; i< input.length; i++) {
total += +input[i].value;
}
alert(total);
};
</script>

</head>

<body>

<table width="200" border="1">
<tr>
<td> </td>
<td>一月</td>
<td>二月</td>
<td>合计</td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="test" name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input type="text"name="test" value="789"/></td>
<td> </td>
</tr>
<tr>
<td>金额</td>
<td><input name="test" type="text" value="789"/></td>
<td><input name="test"type="text" value="789"/></td>
<td> </td>
</tr>
</table>
</body>

</html>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧