怎样用js实现两个输入框中的数字相加显示在第三个输入框

来源：互联网发布：c语言打印数字图形编辑：程序博客网时间：2024/05/23 05:06

方法一：

<input type="text" id="num1"><input type="text" id="num2"><input type="text"  value="" id="sum" onclick="cal()"><script type="text/javascript">//test inputfunction cal(){document.getElementById("sum").value=(parseInt(document.getElementById("num1").value)+parseInt(document.getElementById("num2").value));}</script>

方法二：

<input type="text" id="num1"><input type="text" id="num2"><input type="text"  value="" id="sum"><script type="text/javascript">window.onload = function(){    var inputs = document.getElementsByTagName("input");    for(i=0;i<inputs.length;i++){        inputs[i].onblur = function(){            var add1 = document.getElementById("num1").value;            var add2 = document.getElementById("num2").value;            document.getElementById("sum").value = add1*1 + add2*1;        }    }</script>

方法三：

<input type="text" id="num1"><input type="text" id="num2"><input type="text"  value="" id="sum"><script type="text/javascript">$(function (){$("input").blur(function (){var sum = parseInt($("#one").val()) + parseInt($("#two").val());$("#sum").val(sum);})})</script>

效果图：

0 0