1. 爱易网页
  2. HTML教程
  3. html运算有关问题

html运算有关问题

日期：2014-05-17　 浏览次数：20646 次

html运算问题
多个td我要吧他相加或相乘在一起,然后把总和放在另外一个td里面我要怎么去些

<tr>
<td>第一个数</td>
<td>第二个数</td>
<td>第三个数</td>
<td>第四个数</td>
<td>总和</td>
</tr>
<tr>
<td><input type="text" name="num1" id="orderPrice" style="width:100%"></td>
<td><input type="text" name="num2" id="orderPrice" style="width:100%"></td>
<td><input type="text" name="num3" id="orderPrice" style="width:100%"></td>
<td><input type="text" name="num4" id="orderPrice" style="width:100%"></td>
<td><input type="text" name="he" id="orderPrice" style="width:100%" value="0"></td>


当我输入第一个数的时候总和里是0,当我开始输入第二个数的时候总和就开始计算,这个要怎么写,求高手指点!~





------解决方案--------------------
HTML code
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
    var obj = document.getElementsByTagName('table')[0].getElementsByTagName('tr')[1].getElementsByTagName('input');
    for (var i = 0; i < obj.length - 1; i ++) {
        obj[i].onkeyup = function() {
            var sum = 0;
            for (var j = 0; j < obj.length - 1; j ++) {
                if (obj[j].value.length < 1 || parseInt(obj[j].value) == 'NaN') sum += 0;
                else sum += parseInt(obj[j].value);
            }
            obj[4].value = sum;
        }
    }
}
</script>
</head>

<body>
<table width="500" border="1">
  <tr>
    <td>第一个数</td>
    <td>第二个数</td>
    <td>第三个数</td>
    <td>第四个数</td>
    <td>总和</td>
  </tr>
  <tr>
    <td><input type="text" name="num1" /></td>
    <td><input type="text" name="num2" /></td>
    <td><input type="text" name="num3" /></td>
    <td><input type="text" name="num4" /></td>
    <td><input type="text" name="he" value="0" /></td>
  </tr>
</table>
</body>
</html>

相关资料更多>

  1. 关于CSS3的Multiple backgrounds解决方案
  2. HTML教程-各窗口间相互操作(Frame Target)
  3. 在firefox里宽度自适应的有关问题
  4. 如何实现水平方向中间对齐
  5. 网页内容过滤拦截,有什么案例或者什么技术,该怎么解决
  6. 關於facebook的奇怪問題解决办法
  7. 百度统计可靠吗？该怎么处理
  8. <li>上怎么设置宽度
  9. CSS-input 默许提示文字，点击清空，移出时恢复提示