Question

在两个输入框中输入数字,怎样用js让他的和自动显示到第三个输入框

Answer 1

    <input id="n1" onchange="getSum()" />
    <input id="n2" onchange="getSum()" />
    <input id="n3" />
    <script type="text/javascript">
    function getSum() {
        var num1 = document.getElementById('n1').value; //获取第一个输入框的值
        var num2 = document.getElementById('n2').value;	//获取第二个输入框的值
        num1 = parseInt(num1);  //转换为整数
        num2 = parseInt(num2);
        if (isNaN(num1) || isNaN(num2)) {  //如果为非数字，结果为空
            document.getElementById('n3').value = "";
        } else {	//将第三个输入框设置为两者的和
            document.getElementById('n3').value = num1 + num2;
        }
    }
    </script>

Answer 2

<script type="text/javascript">
function sum() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;

document.getElementById("num3").value = new Number(num1) + new Number(num2);
}
</script>

number1:<input type="text" id="num1" onchange="sum();"></input>
number2:<input type="text" id="num2" onchange="sum();" ></input>
sum:<input type="text" id="num3"></input>

希望对你有所帮助。

Answer 3

<script type="text/javascript">
function sum() {
document.getElementById("num3").value = document.getElementById("num1").value+ document.getElementById("num2").value; }
</script>

number1:<input type="text" id="num1"></input>
number2:<input type="text" id="num2" onchange="sum();" ></input>
sum:<input type="text" id="num3"></input>

追问

是不是document方法要写在外面才可以奏效

追答

script 外面吗？没有。此为正规写法