两个文本域的总和 - javascript

Question

我在网上找到了[this] [1],相当困难的javascript示例,我在我的网站上成功实现了它.

但是,在这种情况下,我希望得到一个新文本字段中的两个小计的结果.

传统getElementbyId并total.value=total没有成功.

编辑

 function doMath()
{
    // Capture the entered values of two input boxes
    var twogiga = document.getElementById('twogig').value;
    var fourgiga = document.getElementById('fourgig').value;

    // Add them together and display
    var sum = parseInt(twogiga) + parseInt(fourgiga);
    document.getElementById('total').value = parseInt(sum);
}

这是我使用的javascript.但由于某种原因,当我只有一个值(twogig)时,它total被设置为NaN.我的脚本出了什么问题？

Answer 1

好吧,如果您已将ID分配给文本输入,例如:<input type ="text"id ="my_input"/>,则可以使用document.getElementById('my_input').value来调用它.

所以:

<input type="text" id="my_input1" />
<input type="text" id="my_input2" />
<input type="button" value="Add Them Together" onclick="doMath();" />

<script type="text/javascript">
    function doMath()
    {
        // Capture the entered values of two input boxes
        var my_input1 = document.getElementById('my_input1').value;
        var my_input2 = document.getElementById('my_input2').value;

        // Add them together and display
        var sum = parseInt(my_input1) + parseInt(my_input2);
        document.write(sum);
    }
</script>

当然,这是一个非常基本的脚本,它不会检查以确保输入的值是数字.我们必须将字段转换为整数,否则它们将是字符串(因此2 + 2将等于22).单击该按钮时,将调用该函数,该函数为每个输入框创建一个变量,将它们转换为整数,添加它们并输出我们的总和.