首页 > Web开发 > 详细

js如何实现把文本框中的值计算之后回写到文本框中

时间:2014-12-25 14:25:37      阅读:300      评论:0      收藏:0      [点我收藏+]

js如何实现把文本框中的值计算之后回写到文本框中

<script type="text/javascript">
    function cal(){
        /*  
        int value1 = document.getElementByName("subjectCount");
        int value2 = document.getElementByName("subjectScore");
              int value3 = value1*value2;
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
  <head>
    <title>自动组卷页面</title>
    <style type="text/css">
    <!--
    body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #EEF2FB;
    }
    #addSubjectForm table  td{
        font-size:12px;
    }
    -->
    </style>
    <link href="images/skin.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
    function cal(){
        /*  
        int value1 = document.getElementByName("subjectCount");
        int value2 = document.getElementByName("subjectScore");
              int value3 = value1*value2;
                alert(value3);
                document.getElementByName("allCount").value=value3;
        */
        var value1 = (document.getElementById("xx1").value)*0.0;
        var value2 = (document.getElementById("xx2").value)*0.0;
        var total=parseInt(document.getElementById(‘xx1‘).value)*parseInt(document.getElementById(‘xx2‘).value);

        document.getElementById(‘xx3‘).value = total;
           
        return total;
    }
    
     
    
    </script>
    
    
  </head>
<body> 
 <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="17" valign="top" background="images/mail_leftbg.gif"><img src="images/left-top-right.gif" width="17" height="29" /></td>
    <td valign="top" background="images/content-bg.gif"><table width="100%" height="31" border="0" cellpadding="0" cellspacing="0" class="left_topbg" id="table2">
      <tr>
        <td height="31"><div class="titlebt">自动组卷</div></td>
      </tr>
    </table></td>
    <td width="16" valign="top" background="images/mail_rightbg.gif"><img src="images/nav-right-bg.gif" width="16" height="29" /></td>
  </tr>
  <tr>
    <td valign="middle" background="images/mail_leftbg.gif">&nbsp;</td>
    <td valign="top" bgcolor="#F7F8F9"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="53%" valign="top">&nbsp;</td>
        </tr>
      <tr>
        <td valign="middle"><span class="left_txt">
            <div id="autoPaperForm" align="center"><!--自动组卷表单-->
                <form action="autoPaper.action" method="post">
                <table border="0" cellspacing="10" cellpadding="0">
                  <tr>
                    <td colspan="2"><FONT color="red"><s:actionerror/></FONT></td>
                  </tr>
                  <tr>
                    <td>选择题的数量:</td>
                    <td><input type="text" id="xx1" name="subjectCount" size="20" ></td>
                  </tr>
                  <tr>
                    <td>每题分数:</td>
                    <td><input type="text" id="xx2" name="subjectScore" size="20" ></td>
                  </tr>
                 
                  <tr>
                    <td>考试时间:</td>
                    <td><input type="text" name="time" size="20" ></td>
                  </tr>
                 
                   <tr>
                    <td>总分:</td>
                    <td><input type="text"  id="xx3" name="allCount" size="20" onmousemove="cal()" value ="" ></td>
                  </tr>
                  <tr>
                      <td colspan="2"><div align="center">
                        <input type="submit" value="录入">                        
                        <input type="reset" value="重置">
                   
                </td>
                  </tr>
            </table>
            </form>    
            </div>
        </td>
        </tr>
      
    </table></td>
    <td background="images/mail_rightbg.gif">&nbsp;</td>
  </tr>
  <tr>
    <td valign="bottom" background="images/mail_leftbg.gif"><img src="images/buttom_left2.gif" width="17" height="17" /></td>
    <td background="images/buttom_bgs.gif"><img src="images/buttom_bgs.gif" width="17" height="17"></td>
    <td valign="bottom" background="images/mail_rightbg.gif"><img src="images/buttom_right2.gif" width="16" height="17" /></td>
  </tr>
</table>
</body>
</html>

 


                alert(value3);
                document.getElementByName("allCount").value=value3;
        */
        var value1 = (document.getElementById("xx1").value)*0.0;
        var value2 = (document.getElementById("xx2").value)*0.0;
        var total=parseInt(document.getElementById(‘xx1‘).value)*parseInt(document.getElementById(‘xx2‘).value);

        document.getElementById(‘xx3‘).value = total;
           
        return total;
    }
    
     
    
    </script>

 

js如何实现把文本框中的值计算之后回写到文本框中

原文:http://www.cnblogs.com/aicpcode/p/4184444.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!