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

最新推荐文章于 2024-08-08 08:30:00 发布

周清城

最新推荐文章于 2024-08-08 08:30:00 发布

阅读量1.5w

点赞数 8

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Tsingsn/article/details/70186428

版权

JavaScript 专栏收录该内容

51 篇文章 1 订阅

订阅专栏

方法一：

<input type="text" id="num1">
<input type="text" id="num2">
<input type="text"  value="" id="sum" οnclick="cal()">
<script type="text/javascript">
	//test input
	function 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>

效果图：