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

时间:2017-04-07
思路:使用value属性获取前两个文本框的值,转换为数字相加后,使用value属性设置第三个文本框的值。示例如下:
 
1、HTML结构
 
<input id="add1" type="text"/>&nbsp;+&nbsp;
<input id="add2" type="text"/>&nbsp;=&nbsp;
<input id="sum" type="text"/>
 
2、javascript代码
 
window.onload = function(){
    var inputs = document.getElementsByTagName("input");
    for(i=0;i<inputs.length;i++){
        inputs[i].onblur = function(){
            var add1 = document.getElementById("add1").value;
            var add2 = document.getElementById("add2").value;
            document.getElementById("sum").value = add1*1 + add2*1;
        }
    }
}


 
上一条:js 字符串转换成数字的三种方法 下一条:JavaScript实现购物车计算价格功能

相关文章

最新文章