请教：js累加代码优化？

很想用for，但是实现不了啊
jine[1]这个里面的值从1到10，用成变量的就出错了啊

解决方案 »

  1.   

    jine[1]这个里面的值从1到10，用成变量的就出错了啊
    -------------------------------------------
    怎么可能？！贴html代码看看！
      

  2.   

    html部分是通过js写的自动添加栏目的，没有关系啊
    比如发票：
       支出项目        内容       付款
    1  表单input    input     input
    2  input       input      input
    3  input       input      input
    ...
    ...
    10
    一行为一栏,input为填写项
    在点击计算按钮后调用addjine()函数，付款栏可以自动累加，最多添加10栏
      

  3.   


    ]<HTML>
     
     <BODY>
      <FORM METHOD=POST ACTION="" name="myform">
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="button" name="test" value="add jin" onclick="addjine();">
      </FORM>
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function   addjine(){ 
    var   t=0; 
    var   name; 
    for(i=0;i<5;i++)
    { 
    if(document.myform.elements['jine'](i)==null){ 
    t+=0;
    } 
    else
    { 
    if(document.myform.elements['jine'](i).value>0)
    { 
    t+=parseFloat(document.myform.elements['jine'](i).value);
    } 
    else
    { 
    t+=0;
    }
    }
    }
    alert("totle="+t);
    }
    //-->
    </SCRIPT>
      

  4.   


     <BODY>
      <FORM METHOD=POST ACTION="" name="myform">
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="text" NAME="jine"><br>
    <INPUT TYPE="button" name="test" value="add jin" onclick="addjine();">
      </FORM>
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function   addjine(){ 
    var   t=0; 
    var   name; 
    var  length = document.myform.elements['jine'].length;
    for(i=0;i<length;i++)
    { 
    if(document.myform.elements['jine'](i)==null){ 
    t+=0;
    } 
    else
    { 
    if(document.myform.elements['jine'](i).value>0)
    { 
    t+=parseFloat(document.myform.elements['jine'](i).value);
    } 
    else
    { 
    t+=0;
    }
    }
    }
    alert("totle="+t);
    }
    //-->
    </SCRIPT>
      

  5.   


     <BODY>
      <FORM METHOD=POST ACTION="" name="myform">
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="button" name="test" value="add jin" onclick="addjine();">
      </FORM>
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function   addjine(){ 
        var   t=0; 
        var  objs = document.getElementsByName("jine")
        for(i=0;i<objs.length;i++)
        { 
                if(parseFloat(objs[i].value)>0)
                { 
                    t+=parseFloat(objs[i].value);
                } 
                else
                { 
                    t+=0;
                }
        }
        alert("totle="+t);
    }
    //-->
    </SCRIPT>
      

  6.   

    感谢littleboys和hbhbhbhbhb1021，你们的方法都很好
    问题已经解决了，非常你们的解答
      

  7.   

    优化过的代码．（更简，更灵活）
     <body>
      <FORM METHOD=POST ACTION="" name="myform">
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="text" NAME="jine"><br>
        <INPUT TYPE="button" name="test" value="add jin" onclick="addjine();">
      </FORM>
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function   addjine(){ 
        var   t=0; 
        var   name; 
        var   jine=document.myform.elements['jine']
        var  length = jine.length;
        for(i=0;i<length;i++)
           {
        if(jine[i].value==''){t+=0;}else{t+=parseFloat(jine[i].value);}
           }
        alert("totle="+t);
    }
    //-->
    </SCRIPT>
    </body>