我正在尝试在javascript中制作文本框，并将输入的值发送到数组中的文本框中以添加它们

Question

在javascript中创建的文本框，需要将这些值传递给数组以添加它们吗？ 我怎么做？ 我只希望我的代码简短

我被卡住了！ 码：

<html>
    <head>
        <title> 2 NUM ADD VIA ARRAY </title>
    </head>     
    <body bgcolor= "red" </body>

    <script type = "text/javascript">
    function sum()
    {
    var sum = [],i=0;


    sum[i]=  document.getElementById('i+1').value;

    alert("sum =" + sum);
    }
    </script>   
    <table border=2>
            <TR>
                <TD>

                    <input type="text" id="1" /input>

                </TD>
                <TD>
                    <input type="text" id="2" /input>
                </TD>
            </TR>
    </table>

    <button name="btHello" onclick="sum();">sum</button>

</html>

Answer 1

根据我的说法，在这种情况下不需要使用Array。我建议您即使不使用数组也要这样做。 这使您的代码简单而简短

<html>
        <head>
            <title> 2 NUM ADD VIA ARRAY </title>
        </head>     
        <body bgcolor= "red" </body>

        <script type = "text/javascript">
        function sum()
        {
              var sum= 0; 
             $('.textbox').each(function() {
                sum += Number($(this).val());
              });
              alert(sum);    
        }
        </script>   
        <form>
        <table border=2>
                <TR>
                    <TD>

                        Text 1 :<input type="text" class="textbox" id="1" />

                    </TD>
                    <TD>
                        Text 2 :<input type="text" class="textbox" id="2" />
                    </TD>
                </TR>
        </table>

        Submit : <input type = "submit" name="btHello" onclick="sum();">
        </form>
    </html>

Answer 2

希望我的例子对您有所帮助。 我建议使用jQuery。 它使它变得更加容易。

 function foo() { var s = []; $(".foo").each(function() { s.push( $(this).val() ); }); s = s.join(" "); alert("sum = " + s); } $("#btHello").on("click", function() { foo(); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table border=2> <tr> <td> <input type="text" class="foo" /input> </td> <td> <input type="text" class="foo" /input> </td> </tr> </table> <button id="btHello">sum</button>

Answer 3

我完全确定您想要什么结果，但这将对您有所帮助。 如果您追求的目标不尽相同，请尝试多解释一下您的目标。 :)

快乐鳕鱼

  function sum() { var sum = []; sum.push(document.getElementById('1').value); sum.push(document.getElementById('2').value); // sum of all values totalSum = 0; for (var i = 0; i < sum.length; i++) { totalSum += parseInt(sum[i]); } alert("sum = " + totalSum); }

 <html> <head> <title> 2 NUM ADD VIA ARRAY </title> </head> <body bgcolor= "red" </body> <table border=2> <TR> <TD> <input type="text" id="1" /input> </TD> <TD> <input type="text" id="2" /input> </TD> </TR> </table> <button name="btHello" onclick="sum();">sum</button> </html>

我正在尝试在javascript中制作文本框，并将输入的值发送到数组中的文本框中以添加它们

问题描述

3 个解决方案

解决方案1
1 2015-03-25 11:36:10

解决方案2
0 2015-03-25 11:31:13

解决方案3
0 2015-03-25 11:36:54

我正在尝试在javascript中制作文本框，并将输入的值发送到数组中的文本框中以添加它们

问题描述

3 个解决方案

解决方案1 1 2015-03-25 11:36:10

解决方案2 0 2015-03-25 11:31:13

解决方案3 0 2015-03-25 11:36:54

解决方案1
1 2015-03-25 11:36:10

解决方案2
0 2015-03-25 11:31:13

解决方案3
0 2015-03-25 11:36:54