WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
网站地图 加入收藏 设为首页
您的位置:本站首页>>前端特效>>Javascript自动求和,Javascript自动合计

Javascript自动求和,Javascript自动合计

[ 录入者:91ctc | 时间:2015-06-04 11:10:26 | 作者: 91ctc| 来源:本站原创 | 浏览: 次 ]

分享一个小编经常在实际项目中使用的Javascript自动求和,javascript自动合计的代码,兼容IE8、火狐和谷歌浏览器,读者自己试试IE9、IE10、IE11。

直接给代码:

<script language="javascript">
function $(id){
	return document.getElementById(id);	
}
window.onload=function(e){
 $("aa").onkeyup=$("aa").onchange=
 $("bb").onkeyup=$("bb").onchange=
 $("cc").onkeyup=$("cc").onchange=
 function(e){
  this.value=this.value.replace(/\D/g,"");
  $("dd").value=
  ($("aa").value-0)+
  ($("bb").value-0)+
  ($("cc").value-0);
 }
}
</script>
<form name="form1" method="post" action="">
  语文:<input type="text" name="aa" id="aa">
  数学:<input type="text" name="bb" id="bb">
  英语:<input type="text" name="cc" id="cc">
  总分:<input type="text" name="dd" id="dd">
</form>

看看效果吧:JS自动求和效果演示

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号