使用value属性获取前两个文本框的值,转换为数字相加后,使用value属性设置第三个文本框的值。示例如下:
1、HTML结构:
<input id="add1" type="text"/> +
<input id="add2" type="text"/> =
<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;
}
}
}
3、最终效果演示: