首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么实现回车是指定文本框数值相加,结果放入另一文本框

2012-09-01 
如何实现回车是指定文本框数值相加,结果放入另一文本框JScript codebodyform idnewForm namenewFo

如何实现回车是指定文本框数值相加,结果放入另一文本框

JScript code
<body><form id="newForm" name="newForm"><table width="90%" align="center" class="t1" border="1" cellspacing="0" cellpadding="0" id='newtable'><tr><td nowrap="nowrap" align="center"><font size="2"><input type="text" id="zhag_gccllj" name="zhag_gccllj"                                                             value="<fmt:formatNumber value="${InputWuhuDate.zhag_gccllj+0.0001}" pattern="0.00" minFractionDigits="2" />"                                                             onafterpaste="value=value.replace(/[^\d\.]/g,'')"                                                             style="width:80px;text-align:right"                                                             onfocus="javascript:this.select();"                                                             onblur="on_blur(this.value,this.id)"                                                             onkeyup="on_keypress('zhag_ccl');"                                                             onkeydown="add()"                                                             ></font>    </td>    <td nowrap="nowrap" align="center"><font size="2"><input type="text" id="zhag_ccllj" name="zhag_ccllj"                                                             value="<fmt:formatNumber value="${InputWuhuDate.zhag_ccllj+0.0001}" pattern="0.00" minFractionDigits="2" />"                                                             onafterpaste="value=value.replace(/[^\d\.]/g,'')"                                                             style="width:80px;text-align:right"                                                             onfocus="javascript:this.select();"                                                             onblur="on_blur(this.value,this.id)"                                                             onkeyup="on_keypress('zhag2_gccl');"                                                             onkeydown="add()"                                                             ></font>    </td>    <td nowrap="nowrap" align="center"><font size="2"><input type="text" id="zhag2_gccllj" name="zhag2_gccllj"                                                             value="<fmt:formatNumber value="${InputWuhuDate.zhag2_gccllj+0.0001}" pattern="0.00" minFractionDigits="2" />"                                                             onafterpaste="value=value.replace(/[^\d\.]/g,'')"                                                             style="width:80px;text-align:right"                                                             onfocus="javascript:this.select();"                                                             onblur="on_blur(this.value,this.id)"                                                             onkeyup="on_keypress('zhag2_ccl');"                                                             onkeydown="add()"                                                             ></font>    </td>    <td nowrap="nowrap" align="center"><font size="2"><input type="text" id="zhag2_ccllj" name="zhag2_ccllj"                                                             value="<fmt:formatNumber value="${InputWuhuDate.zhag2_ccllj+0.0001}" pattern="0.00" minFractionDigits="2" />"                                                             onafterpaste="value=value.replace(/[^\d\.]/g,'')"                                                             style="width:80px;text-align:right"                                                             onfocus="javascript:this.select();"                                                             onblur="on_blur(this.value,this.id)"                                                             onkeyup=""></font>    </td></tr></table></form></body>function add( ) {                  } 


方法要实现相加前几个input的value值,放入最后一个文本框中,把方法放在onkeydown中,不管那个文本框回车都加一遍


[解决办法]
JScript code
<script type="text/javascript">    window.onload=function(){        var input=document.getElementById("newtable").getElementsByTagName("input");        var sum=document.getElementById("zhag2_ccllj");        for(var i=0;i<input.length;i++){            input[i].onkeyup=function(e){                if(e.keyCode == 13){                    var n=0;                    for(var i=0;i<input.length-1;i++){                        n+=parseInt(input[i].value,10);                    }                    sum.value=n;                }            }        }    };</script> 

热点排行