function reSum(){
   这里取出所有项,合计,回存.
}<input ...单项 onchange="reSum()" /> 在单项里,值发生改变,就重新合计一下.就OK了...

解决方案 »

  1.   

    <script language="javascript" type="text/javascript">
    function getTotal(){
    var a1=parseInt(document.getElementById('score1').value);
    var a2=parseInt(document.getElementById('score2').value);
    var a3=parseInt(document.getElementById('score3').value);
    var total=a1+a2+a3;
    document.getElementById('total').value=total;
    }
    </script><input type="text" id="score1" onKeyup="getTotal();" value="0"/>
    <input type="text" id="score2" onKeyup="getTotal();" value="0"/>
    <input type="text" id="score3" onKeyup="getTotal();" value="0"/>
    <input type="text" id="total" />
      

  2.   

    <script type="text/javascript">
    //三个都输入后天回车,你自己再修改修改
    function getSum(Oevent){
    if(Oevent.keyCode == 13){
    s1 = parseInt(var1.value);
    s2 = parseInt(var2.value);
    s3 = parseInt(var3.value);
    resultoo.innerHTML = s1+s2+s3;
    }

    }
    </script>
    </HEAD><BODY topmargin="100" >
    <table width="27%" border="1" cellspacing="0" cellpadding="0" onKeyDown="getSum(event);">
      <tr>
        <td width="24%"><input type="text" id ="var1" size="10"></td>
        <td width="76%" rowspan="3" id ="resultoo">&nbsp;</td>
      </tr>
      <tr>
        <td><input type="text" id ="var2" size="10"></td>
      </tr>
      <tr>
        <td><input type="text" id ="var3" size="10"></td>
      </tr>
    </table></BODY>
    </HTML>
      

  3.   

    <!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=gb2312" /><style type="text/css">
    </style>
    <script type="text/javascript">
    function show(){
    var oTab=document.getElementById("tab");
    var oInput=document.getElementsByTagName("input");
    for(var i=0;i<oInput.length;i++){
    gTotal(oInput[i],i);
    }
    }
    function gTotal(Element,b){
    var num=b;
    Element.onkeyup=function (){
    var iTotal=0;
    var iTr=Math.floor(num/3);
    var oTab=document.getElementById("tab");
    var oTbd=oTab.tBodies[0];
    var oTr=oTbd.rows[iTr];
    var oInput=oTr.getElementsByTagName("input");
    for (var i=0;i<3;i++ ){
    if(oInput[i].value!=""){
    iTotal+=parseInt(oInput[i].value);
    } }
    var nCell=document.createElement("td");
    nCell.appendChild(document.createTextNode(iTotal));
    var oCell=oTr.cells[3];
    oTr.replaceChild(nCell,oCell);
    }
    }
    </script>
    </head>
    <body onload="show()">
    <table id="tab" width="27%" border="1" cellspacing="0" cellpadding="0" >
    <thead>
    <tr><th>单项1</th><th>单项2</th><th>单项3</th><th>总</th></tr>
    </thead>
    <tbody>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td></td></tr>
    <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td></td></tr>
    </tbody>
    </table>
    </body>
    </html>