INPUT文本框大家看看

还是用TABLE模拟吧。。别直接用text，实现起来太麻烦。。

解决方案 »

  1.   

    javascript  利用insertCell  innerHTML 动态添加表格在表格里面添加 text 并且给出ID。。通过操作单一的对象来实现
      

  2.   

    就是在TABLE里的TRTD里的INPUT文本框
      

  3.   

    简单的运算
    for 每列
       for 每行
          sum=sum+value;
      

  4.   

    可以把各文本框的id指定一定的规律。比如text1,text2。然后用for循环。eval("document.all.text"+i).value来计算各文本框的值
      

  5.   


    <!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>
    <script>
    function Total(sign,oid){
    var sum=0;
    for(var i=1;i<=10;i++){
    if(document.all(sign+i).value.length>0)
    sum=parseInt(sum)+parseInt(document.all(sign+i).value);
    }
    document.getElementById(oid).value=sum;
    }
    </script>
    </head>
    <body><table><tr><td><input type="text" id="a1"></td><td><input type="text" id="b1"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a2"></td><td><input type="text" id="b2"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a3"></td><td><input type="text" id="b3"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a4"></td><td><input type="text" id="b4"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a5"></td><td><input type="text" id="b5"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a6"></td><td><input type="text" id="b6"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a7"></td><td><input type="text" id="b7"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a8"></td><td><input type="text" id="b8"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a9"></td><td><input type="text" id="b9"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text" id="a10"></td><td><input type="text" id="b10"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr>
    <td>求和<input type="text" id="total" value="" onfocus="Total('a',this.id)"></td>
    <td><input type="text" id="total1" onfocus="Total('b',this.id)"></td>
    <td><input type="text"></td><td><input type="text"></td>
    </tr>
    </table>
       
    </body>
    </html>输入值后将焦点放到求和文本框
      

  6.   

    其实很简单  只要控制文本框的id有规律就可  参照格式  <input type="text" id="txt_r0_c0"> <input type="text" id="txt_r0_c1">
    <input type="text" id="txt_r1_c0"> <input type="text" id="txt_r1_c1">
    <input type="text" id="txt_r2_c0"> <input type="text" id="txt_r2_c1">
    <input type="text" id="txt_r3_c0"> <input type="text" id="txt_r3_c1">这样取值的时候 取第一列的  就是
    for....
    sum = sum + document.getElementById('txt_r'+rowNumber+'_c0').value
    ...更复杂的公式就凭想象吧  实在懒得写了 :)
      

  7.   

    var tbl = document.getElementById("tableid");
    var rows = tbl.rows;
    var cells = rows[i].cells;
    ....
    想怎么改 就怎么改~
      

  8.   

    <!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">
    function $(strId){
    return document.getElementById(strId);
    }function getSum(nColIndex){
    var oTrs=$("mytable").getElementsByTagName("tbody")[0].rows;
    var nSum=0;
    for(var i=0,nRowLen=oTrs.length;i<nRowLen;i++){
    nSum+=parseFloat(oTrs[i].cells[nColIndex].innerHTML);
    }
    return nSum;
    }
    </script>
    </head>
    <body>
    <table width="57%" border="1" align="center" cellpadding="0" 
           cellspacing="0" bordercolor="#ece9d8" id="mytable" style=" border-collapse:collapse">
      <thead>     
      <tr>
        <td width="26%" align="center" bgcolor="#CCCCCC">表头</td>
        <td width="27%" align="center" bgcolor="#CCCCCC">表头2</td>
        <td width="25%" align="center" bgcolor="#CCCCCC">表头3</td>
        <td width="22%" align="center" bgcolor="#CCCCCC">表头4 </td>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>1</td>
        <td>11</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>2</td>
        <td>12</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>3</td>
        <td>13</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>4</td>
        <td>14</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>5</td>
        <td>15</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>6</td>
        <td>16</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>7</td>
        <td>17</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>8</td>
        <td>18</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>9</td>
        <td>19</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>10</td>
        <td>29</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      </tbody>
      <tfoot>
        <tr>
        <td>
           合计:<script>document.write(getSum(0));</script>
        </td>
        <td>
           合计:<script>document.write(getSum(1));</script>
        </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      </tfoot>
    </table>
    </body>
    </html>
      

  9.   

    例子，你自己看下<!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>
    <script type="text/javascript">
    function total(n) {
    var count = 0;
    var tbody = document.getElementById('tbody');
    for(var i=0;i<10;i++) {
    var v = tbody.childNodes[i].childNodes[n].getElementsByTagName('input')[0].value;
    v = parseInt(v);
    v = isNaN(v)?0:v;
    count += v;
    }
    return count;
    }
    </script>
    </head>
    <body><table border="1">
    <tbody id="tbody">
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
    </tbody>
    <tfoot>
    <tr><td>求和<input type="text" id="total" onfocus="this.value=total(0)"></td><td><input type="text" id="total1" onfocus="this.value=total(1)"></td><td><input type="text" onfocus="this.value=total(2)"></td><td><input type="text"  onfocus="this.value=total(3)"></td>
    </tr>
    </tfoot>
    </table>
       
    </body>
    </html>