<input type="text" name="num1" value="0">
<br>
<input type="text" name="num2" value="0">
<br>
<input type="text" name="num3" value="0">
<br>
<input type="text" name="num" value="0">
<br>
当前三个输入框里任意一个失去焦点后,都会触发一个事件,自动计算前三个输入框的和,显示在num里。谢谢各位啦!分数不够可以再加。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<input type="text" name="num1" value="0" onkeyup="JavaScript:checkValue(this)" onblur="JavaScript:calculateTotal()">
<br>
<input type="text" name="num2" value="0" onkeyup="JavaScript:checkValue(this)" onblur="JavaScript:calculateTotal()">
<br>
<input type="text" name="num3" value="0" onkeyup="JavaScript:checkValue(this)" onblur="JavaScript:calculateTotal()">
<br>
<input type="text" name="result" value="0" onkeyup="JavaScript:checkValue(this)" onfocus="JavaScript:calculateTotal()">
<SCRIPT LANGUAGE="JScript">
function checkValue(o) {
o.value=o.value.replace(/\D/g,);
}
function calculateTotal() {
var intN1,intN2,intN3,intResult;
intN1=parseIntValue("num1");
intN2=parseIntValue("num2");
intN3=parseIntValue("num3");
intResult=intN1+intN2+intN3;
document.getElementById("result").value=intResult.toString();
}
function parseIntValue(o) {
return parseInt(document.getElementById(o).value);
}
</SCRIPT>
</BODY>
</HTML>