怎样在客户端自动合计表单值?

提交表单的页面,有好多文本框,能不能使某一个输入域中的值随着其他文本框中的值变化。(值都是数字形式的)具体是某一个值的内容为其余各项之和。用VB脚本或者是直接写代码该怎么做?谢谢各位的帮助。

1<input maxlength="10" name="danan" size="20"/>
1<input maxlength="10" name="sub" size="20"/>
1<input maxlength="10" name="ddd" size="20"/>
1<input maxlength="10" name="ttt" size="20"/>

………………………………

1<input maxlength="10" name="fff" size="20"/>

这个域值为前面的那些和。
---------------------------------------------------------------

表单自动合计程序简化版(暂时只支持一个合计项)

 1<html>
 2<head>
 3<title></title>
 4<meta content="EditPlus" name="Generator"/>
 5<meta content="JnKc" name="Author"/>
 6<meta content="" name="Keywords"/>
 7<style title="" type="text/css">   
 8.isnum {behavior:url(isnum.htc)}   
 9</style>
10<script language="JavaScript">   
11<!--   
12/* ####################### 数字加和 ###########################   
13表单自动合计程序简化版(只支持一个合计项,完全版支持多个合计项)   
14完全的模块化操作,不同的表单只需修改 arTotalNum 数组的内容   
15arTotalNum 数组大小不限,为各个数字项目名称的集合:   
16arTotalNum = new Array('合计','数字1','数字2','数字3'......)   
17还有一个关键性文件就是 isnum.htc   
18江南昆虫 2002.12.28   
19####################### 数字加和 ########################### */   
20var arTotalNum = new Array('fff','danan','sub','ddd','ttt');   
21  
22function fLoadCSS(){   
23var s='';   
24for (var i=0;i<arTotalNum.length;i++){   
25s+='document.forms[0].'+arTotalNum[i]+'.className="isnum";\n';   
26s+='document.forms[0].'+arTotalNum[i]+'.value="0";\n';   
27}   
28eval(s);   
29}   
30function fGetTotal(){   
31var s='document.forms[0].'+arTotalNum[0]+'.value=0';   
32for (var i=1;i<arTotalNum.length;i++){   
33s+='+parseFloat(document.forms[0].'+arTotalNum[i]+'.value)';   
34}   
35eval(s);   
36}   
37window.onload=fLoadCSS;   
38//-->   
39</script>
40</head>
41<body>
42<form action="" method="post">   
43条 目:<input maxlength="10" name="tl" size="20"/><br/>   
44数字1:<input maxlength="10" name="danan" size="20"/><br/>   
45数字2:<input maxlength="10" name="sub" size="20"/><br/>   
46数字3:<input maxlength="10" name="ddd" size="20"/><br/>   
47数字4:<input maxlength="10" name="ttt" size="20"/><br/>   
48合 计:<input maxlength="10" name="fff" size="20"/>
49</form>
50</body>
51</html>

isnum.htc

 1<public:component>
 2<attach event="onmouseover" handler="fMouseOver"></attach>
 3<attach event="onfocus" handler="fFocus"></attach>
 4<attach event="onchange" handler="fChange"></attach>
 5<attach event="oncontentready" handler="fshowCSS"></attach>
 6<script language="JScript">   
 7function fshowCSS(){   
 8runtimeStyle.imeMode='disabled';   
 9}   
10function fMouseOver(){   
11element.focus();   
12}   
13function fFocus(){   
14if (element.value==0){   
15element.select();   
16}   
17}   
18function fChange(){   
19if (isNaN(element.value)){   
20alert('请正确输入数字!');   
21} else{   
22element.value=(element.value=="")?0:element.value;   
23fGetTotal();   
24}   
25}   
26</script>
27</public:component>

---------------------------------------------------------------

Published At
Categories with Web编程
Tagged with
comments powered by Disqus