javascript如何从html表单中收集值

时间:2015-05-28 01:52:36

标签: javascript html

javascript如何从html表单中收集值

    <html>
    <input id="numb"><br><br>
    <input id="numb2"><br><br>

    <button type="button" onclick="myFunction()">Submit</button>

    <p id="demo"></p>
    </html>

    <script>
    function myFunction() {
    var x, y, z;

    x = document.getElementById("numb").value;
    y = document.getElementById("numb2").value;
    z = x + y;

    document.getElementById("demo").innerHTML = z;
    }
    </script>

当我在第一个文本框号码2和第二个号码3中写入时,它显示5,但显示23。 你能帮助我吗?我想从2 + 3而不是23来显示5。

2 个答案:

答案 0 :(得分:0)

如果值是字符串,您将获得连接。因此,您可以使用Number JavaScript对象将其转换为数字。像Number(x)。

有关更多信息,请参阅: Number

答案 1 :(得分:0)

从控件检索的值是一个字符串。

如果您的值为int,则将其解析为int

z = parseInt(x) + parseInt(y);

如果您的值为float,则将其解析为float

z = parseFloat(x) + parseFloat(y);