当前位置: 代码迷 >> HTML/CSS >> html运算有关问题
  详细解决方案

html运算有关问题

热度:196   发布时间:2012-06-15 19:37:05.0
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> 
  相关解决方案