一个页面中数据相加计算的问题

用table来实现，每个td里放一个input。
计算时从table入手：
比如01=02+03
table.rows(1).cells(0).children(0).value = table.rows(2).cells(0).children(0).value + table.rows(3).cells(0).children(0).value
数清楚input所在td的行、列就行了

解决方案 »

  1.   

    <script language=javascript>
    function change()
    {
    var maximg
    var Quantity
    var Price
    Quantity=document.style.Quantity.value
    Price=document.style.Price.value
    document.style.total.value=Quantity+Price
    }
    </script><form name="style" method="post" action="insert.cfm">
    <input type="text" name="Quantity" onKeyUp="change()" value="3">
    <input type="text" name="Price" value="2">
    <input type="text" name="total" value="6">
    </form>
      

  2.   

    <script language="JavaScript">
    <!--
    //** power by fason
    function test()
    {
    c(document.oForm.elements["T_b"]);//列B
    c(document.oForm.elements["T_c"]);//列C
    }
    function c(t)
    {
    t[2].value = parseFloat(t[3].value) + parseFloat(t[4].value);
    t[0].value = parseFloat(t[1].value) + parseFloat(t[2].value);
    }
    //-->
    </script><form name=oForm>
    <input type="text"name="T_b" value=0 column="b" coding="01">
    <input type="text"name="T_c" value=6 column="c" coding="01"><br>
    <input type="text"name="T_b" value=1 column="b" coding="02">
    <input type="text"name="T_c" value=8 column="c" coding="02"><br>
    <input type="text"name="T_b" value=2 column="b" coding="03">
    <input type="text"name="T_c" value=3 column="c" coding="03"><br>
    <input type="text"name="T_b" value=3 column="b" coding="04">
    <input type="text"name="T_c" value=6 column="c" coding="04"><br>
    <input type="text"name="T_b" value=4 column="b" coding="05">
    <input type="text"name="T_c" value=7 column="c" coding="05"><br>
    <input type="button" value=" OK " onclick="test()">
    </form>
      

  3.   

    <body>
    <table border=1>
    <tr>
    <td>Code</td>
    <td>b</td>
    <td>c</td>
    </tr>
    <tr>
    <td>01</td>
    <td><input type="text"name="T_b" value=0 column="b" coding="01"></td>
    <td><input type="text"name="T_c" value=6 column="c" coding="01"></td>
    </tr>
    <tr>
    <td>02</td>
    <td><input type="text"name="T_b" value=1 column="b" coding="02"></td>
    <td><input type="text"name="T_c" value=8 column="c" coding="02"></td>
    </tr>
    <tr>
    <td>03</td>
    <td><input type="text"name="T_b" value=2 column="b" coding="03"></td>
    <td><input type="text"name="T_c" value=3 column="c" coding="03"></td>
    </tr>
    <tr>
    <td>04</td>
    <td><input type="text"name="T_b" value=3 column="b" coding="04"></td>
    <td><input type="text"name="T_c" value=6 column="c" coding="04"></td>
    </tr>
    <tr>
    <td>05</td>
    <td><input type="text"name="T_b" value=4 column="b" coding="05"></td>
    <td><input type="text"name="T_c" value=7 column="c" coding="05"></td>
    </tr>
    <tfoot><tr><td colspan=3><button onclick="Cal()" style="width:100">Go</button></td></tr></tfoot>
    </table>
    <script language="JavaScript">
    <!--
    function Cal()
    {
    var aryT_b = document.getElementsByName('T_b');
    var objT_b = new Object();
    for (var i=0; i<aryT_b.length; i++)
    {
    objT_b[aryT_b[i].coding] = aryT_b[i];
    } var aryT_c = document.getElementsByName('T_c');
    var objT_c = new Object();
    for (var i=0; i<aryT_c.length; i++)
    {
    objT_c[aryT_c[i].coding] = aryT_c[i];
    } objT_b['01'].value = parseInt(objT_b['02'].value) + parseInt(objT_b['03'].value);
    objT_c['01'].value = parseInt(objT_c['02'].value) + parseInt(objT_c['03'].value); objT_b['03'].value = parseInt(objT_b['04'].value) + parseInt(objT_b['05'].value);
    objT_c['03'].value = parseInt(objT_c['04'].value) + parseInt(objT_c['05'].value);
    }
    //-->
    </script>
    </body>