提交表单的页面,有好多文本框,能不能使某一个输入域中的值随着其他文本框中的值变化。(值都是数字形式的)具体是某一个值的内容为其余各项之和。用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>
---------------------------------------------------------------