JS累加功能的实现

来源:百度知道 编辑:UC知道 时间:2024/05/14 05:10:07
假设有四个文本框,在前三个文本框内输入数字,第四个框内则正确显示出前三个文本框内数字累加的结果,我需要这段JavaScript的代码,自己琢磨了一整天也不对,要不就是出不来,要不就出来NaN值,再就是字符串累加的值。拜托前辈们指点一下迷津吧,最好带一点说明,谢谢了

<input type="text" id="a" onchange="s()" /> +
<input type="text" id="b" onchange="s()" /> +
<input type="text" id="c" onchange="s()" /> =
<input type="text" id="d" readonly="readonly" />
<script type="text/javascript">
function s(){
var $ = document.getElementById;
var a = $("a");
var b = $("b");
var c = $("c");
var d = $("d");

if(isNaN(a.value)){alert("请输入数字!");a.focus();return;}
if(isNaN(b.value)){alert("请输入数字!");b.focus();return;}
if(isNaN(c.value)){alert("请输入数字!");c.focus();return;}
d.value = a.value * 1 + b.value * 1 + c.value * 1;
return;
}
</script>

输入不对的时候会出现isNaN,代码如下:

<script language=javascript>
function comp(){