一个表格。一个文本框中的数据变化，整行数据相应的变化

比如说表格的第一列是一个文本框其它列都不是如果这个文本框的数据变换了。那么这一行的数据，都要根据这个文本框变换的数据进行加减乘除，，，展示出来，谁能写个范例谢谢
我的是jsp用的是struts2框架谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<SCRIPT LANGUAGE="JavaScript">
function f(obj,n1,n2,n3,n4)
{
//n1,n2,n3,n4 基数
var tr = obj.parentNode.parentNode;
if(/^-?[\d]*$/g.test(obj.value))
{
var v = parseInt(obj.value);
if(!isNaN(v))
{
tr.cells[1].innerHTML = n1+v;
tr.cells[2].innerHTML = n2-v;
tr.cells[3].innerHTML = n3*v;
tr.cells[4].innerHTML = v>0?n4:n4/v;
}
else
{
tr.cells[1].innerHTML = n1;
tr.cells[2].innerHTML = n2;
tr.cells[3].innerHTML = n3;
tr.cells[4].innerHTML = n4;
}
}
else
alert("请输入数字")
}
</SCRIPT><TABLE style="border:1px solid" align=center>
<TR align=center>
<TD width=20%></TD>
<TD width=20%>+</TD>
<TD width=20%>-</TD>
<TD width=20%>*</TD>
<TD width=20%>/</TD>
</TR>
<TR align=center>
<TD><input type="text" onkeyup="f(this,1,1,1,1)"></TD>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
</TR>
<TR align=center>
<TD><input type="text" onkeyup="f(this,2,2,2,2)"></TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
</TR>
</TABLE>
tr.cells[4].innerHTML = v!=0?n4/v:n4;
写错了狂汗不止
js可以实现
<html>
<script>
function ini()
{
  var table1 = document.getElementById("table1");
  var rows = table1.rows;
    for(i=1; i<rows.length; i++)
    {
      var cells = rows[i].cells;
      var input = cells[0].getElementsByTagName("input")[0];
      var num1 = parseInt(input.value);
      var num2 = parseInt(cells[1].innerText);
      cells[2].innerText = num1 + num2;
      input.onpropertychange=function(){
      var num1 = parseInt(this.value);
      var num2 = parseInt(this.parentNode.parentNode.cells[1].innerText);
      this.parentNode.parentNode.cells[2].innerText = num1 + num2;
      }
    }
}
window.onload=ini;
</script>
<body>
<table id="table1" border="1">
<tr>
<th>Num1</td>
<th>Num2</td>
<th>Sum</td>
</tr>
<tr>
<td><input style="width:50px;" value="10"/></td>
<td>100</td>
<td> </td>
</tr>
<tr>
<td><input style="width:50px;" value="20"/></td>
<td>200</td>
<td> </td>
</tr>
<tr>
<td><input style="width:50px;" value="30"/></td>
<td>300</td>
<td> </td>
</tr>
<tr>
<td><input style="width:50px;" value="40"/></td>
<td>400</td>
<td> </td>
</tr>
<tr>
<td><input style="width:50px;" value="50"/></td>
<td>500</td>
<td> </td>
</tr>
</table>
</body>
</html>