input文本框自动求和-网站应用-网维者博客

input文本框自动求和

想让input文本框内的数据，在输入数据和自动求和，找了半天终于找到一个比较适用的代码，贴上来.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language = "JavaScript">
function add(){
ye1=Number(document.myform.text1.value);
ye2=Number(document.myform.text2.value);
ye3=Number(document.myform.text3.value);
ye4=Number(document.myform.text4.value);
ye5=Number(document.myform.text5.value);
ye6=Number(document.myform.text6.value);
ye7=Number(document.myform.text7.value);
ye8=Number(document.myform.text8.value);
ye9=Number(document.myform.text9.value);
ye10=Number(document.myform.text10.value);
ye11=Number(document.myform.text11.value);
ye12=Number(document.myform.text12.value);
ye13=Number(document.myform.text13.value);

document.myform.score.value=ye1+ye2+ye3+ye4+ye5+ye6+ye7+ye8+ye9+ye10+ye11+ye12+ye13;
}
</script>
</head>

<body>
<form name="myform" method="post" action="">
<input name="text1" type="text" class="inputnumtext" id="text1" size="5" maxlength="5" onpropertychange=add()>
<input name="text2" type="text" class="inputnumtext" id="text2" size="5" maxlength="5" onpropertychange=add()>
<input name="text3" type="text" class="inputnumtext" id="text3" size="5" maxlength="5" onpropertychange=add()>
<input name="text4" type="text" class="inputnumtext" id="text4" size="5" maxlength="5" onpropertychange=add()>
<input name="text5" type="text" class="inputnumtext" id="text5" size="5" maxlength="5" onpropertychange=add()>
<input name="text6" type="text" class="inputnumtext" id="text6" size="5" maxlength="5" onpropertychange=add()>
<input name="text7" type="text" class="inputnumtext" id="text7" size="5" maxlength="5" onpropertychange=add()>
<input name="text8" type="text" class="inputnumtext" id="text8" size="5" maxlength="5" onpropertychange=add()>
<input name="text9" type="text" class="inputnumtext" id="text9" size="5" maxlength="5" onpropertychange=add()>
<input name="text10" type="text" class="inputnumtext" id="text10" size="5" maxlength="5" onpropertychange=add()>
<input name="text11" type="text" class="inputnumtext" id="text11" size="5" maxlength="5" onpropertychange=add()>
<input name="text12" type="text" class="inputnumtext" id="text12" size="5" maxlength="5" onpropertychange=add()>
<input name="text13" type="text" class="inputnumtext" id="text13" size="5" maxlength="5" onpropertychange=add()>
总分:
<input name="score" type="text" class="inputtext" id="score" size="5" maxlength="5" readonly=true>
</form>
</body>
</html>

网维者博客

input文本框自动求和

[ 网站应用 ]分类相关文章：