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

html运算有关问题

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

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. “画中画”效果-谈Iframe标志的运用
  2. width="30%"的有关问题
  3. 请教怎么让叠加元素 一起移动
  4. 鼠标触发旋钮有音乐
  5. HTML5 入门稿件目录汇总
  6. innerHTML跟innerText
  7. 小弟我在网页上放了一个图片链接，访问后图片的虚边框会出现，如何去掉这个虚边框呢
  8. html marquee 属性参数叨明
  9. 怎么让td中的checkbox左对齐？