怎么让JS实现在文本框中输入数字时，同时输出这个数字，并再输出一个乘以0.39的值？

怎么让JS实现在文本框中输入数字时，同时输出这个数字，并再输出一个乘以0.39的值？比如说：我在一个文本框中输入88，要在下面输出一个88，然后同时再输出一个88*0.3... 怎么让JS实现在文本框中输入数字时，同时输出这个数字，并再输出一个乘以0.39的值？比如说：我在一个文本框中输入88，要在下面输出一个88，然后同时再输出一个88*0.39得出的结果的值？
我已经实现了一部分，后面一部分做不出来，请求帮助：一定要是JS哦，因为我要在静态HTML中使用的。把下面代码另存为网页后，可以看到初步的结果。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>上衣中英文尺表码表对照生成 </title>
<script language="javascript">
function chk()
{
setTimeout("chk()",100);
text1.innerHTML = form1.t1.value;
text2.innerHTML = form1.t2.value;
}
</script>
<style type="text/css">

body,td,th {
font-weight: bold;
}
</style>
</head>
<body onLoad="chk()">
<center>
<form name="form1" autocomplete="off">
<p>1cm=0.39inch （厘米自动换算成尺寸）</p>
<p>当我在文本框中填入数字后，想让下面的表格同时显示两组数据，第一个要显示本身的数据，第二个要显示乘以0.39的数据。</p>
<p>我现在输入数据后，让第一个本身的数据可以自己显示出来了，但是第二个数据，要乘以0.39的，我却不知道怎么做了。</p>
<p>当我在下面输入数据时：</p>
<table width="500" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>长度 cm （厘米）</td>
</tr>
<tr>
<td>腰围
<textarea name="t1" cols="15" onblur="getResult(this,0.39);"></textarea></td>
</tr>
<tr>
<td>臀围
<textarea name="t2" cols="15" onblur="getResult2(this,0.39);"></textarea></td>
</tr>
</table>
<p> </p>
<p>要让下面的表格自动显示输入的数据，同时再显示一个乘以0.39的数据：</p>
<table width="600" border="1" cellspacing="1" cellpadding="1">
<tr>
<td colspan="2" align="center">长度 cm （厘米）</td>
<td width="255" align="center">长度 inch （英寸）</td>
</tr>
<tr>
<td width="117" height="30" align="center">腰围cm</td>
<td width="118" align="center" valign="middle" bgcolor="#FFFFCC" id="text1"></td>
<td align="center" valign="middle" bgcolor="#FFFFCC">想让腰围乘以0.39的数据显示在这里</td>
</tr>
<tr>
<td height="30" align="center">臀围cm</td>
<td align="center" valign="middle" bgcolor="#FFFFCC" id="text2"></td>
<td align="center" valign="middle" bgcolor="#FFFFCC">想让臀围乘以0.39的数据显示在这里</td>
</tr>
</table>
</form>
</body>
</html> 展开

 我来答

4个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

jiangxibaiyi
2013-09-10 · 跟随风去旅行-伤心的歌

jiangxibaiyi

采纳数：3973 获赞数：14412

向TA提问私信TA

关注

展开全部

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>上衣中英文尺表码表 对照生成 </title>
<script type="text/javascript"> 
  function gou(thisobj, cobj, yobj, lv ) {
   document.getElementById(cobj).innerHTML = !isNaN(thisobj.value) ?  thisobj.value : 0;
   document.getElementById(yobj).innerHTML = !isNaN(thisobj.value) ?  thisobj.value * lv : 0;
  }
</script> 
<style type="text/css">
body,td,th {
 font-weight: bold;
}
</style>
</head>
<body> 
<center>
<form name="form1" autocomplete="off">
<p>1cm=0.39inch （厘米自动换算成尺寸）</p>
<p>当我在文本框中填入数字后，想让下面的表格同时显示两组数据，第一个要显示本身的数据，第二个要显示乘以0.39的数据。</p>
<p>我现在输入数据后，让第一个本身的数据可以自己显示出来了，但是第二个数据，要乘以0.39的，我却不知道怎么做了。</p>
<p>当我在下面输入数据时：</p>
<table width="500" border="0" cellspacing="1" cellpadding="1">
  <tr>
    <td>长度 cm （厘米）</td>
    </tr>
  <tr>
    <td>腰围 
      <textarea name="t1" id="t1" cols="15" onkeyup="gou(this, 'text1', 'text3', 0.39)"></textarea></td>
    </tr>
  <tr>
    <td>臀围
      <textarea name="t2" id="t2" cols="15" onkeyup="gou(this, 'text2', 'text4', 0.39)"></textarea></td>
    </tr>
</table>
<p> </p>
<p>要让下面的表格自动显示输入的数据，同时再显示一个乘以0.39的数据：</p>
<table width="600" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td colspan="2" align="center">长度 cm （厘米）</td>
    <td width="255" align="center">长度 inch （英寸）</td>
  </tr>
  <tr>
    <td width="117" height="30" align="center">腰围cm</td>
    <td width="118" align="center" valign="middle" bgcolor="#FFFFCC" id="text1"></td>
    <td align="center" valign="middle" bgcolor="#FFFFCC" id="text3">想让腰围乘以0.39的数据显示在这里</td>
  </tr>
  <tr>
    <td height="30" align="center">臀围cm</td>
    <td align="center" valign="middle" bgcolor="#FFFFCC" id="text2"></td>
    <td align="center" valign="middle" bgcolor="#FFFFCC" id="text4">想让臀围乘以0.39的数据显示在这里</td>
  </tr>
</table>
</form>
</body>
</html>

已赞过 已踩过<

评论收起

yugi111
2013-09-10 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部


<head>
<title>上衣中英文尺表码表 对照生成 </title>
<script type="text/javascript"> 
function setValue(obj,that1,that2)
{ 
	var ov = Trims(document.getElementById(obj).value);
	if(!isNaN(ov)&&""!=ov)
	{
		document.getElementById(that1).innerHTML = ov;
		document.getElementById(that2).innerHTML = (Number(ov) * 0.39).toFixed(2);
	}

}

function Trims(str)
{
	return str.replace(/(^\s*)|(\s*$)/g, "");
}

</script> 
<style type="text/css">

body,td,th {
	font-weight: bold;
}
</style>
</head>
<body> 

<form name="form1" autocomplete="off" style="text-align:center;">
<p>1cm=0.39inch （厘米自动换算成尺寸）</p>
<p>当我在文本框中填入数字后，想让下面的表格同时显示两组数据，第一个要显示本身的数据，第二个要显示乘以0.39的数据。</p>
<p>我现在输入数据后，让第一个本身的数据可以自己显示出来了，但是第二个数据，要乘以0.39的，我却不知道怎么做了。</p>
<p>当我在下面输入数据时：</p>
<table width="500" border="0" cellspacing="1" cellpadding="1" style="margin: 0px auto;">
  <tr>
    <td>长度 cm （厘米）</td>
    </tr>
  <tr>
    <td>腰围 
      <textarea name="t1" id="t1" cols="15" onfocus='javascript:setInterval("setValue(\"t1\",\"text1\",\"text3\");",100);'></textarea>
    </td>
    </tr>
  <tr>
    <td>臀围
      <textarea name="t2" id="t2" cols="15" onfocus='javascript:setInterval("setValue(\"t2\",\"text2\",\"text4\");",100);'></textarea>
    </td>
    </tr>
</table>
<p> </p>
<p>要让下面的表格自动显示输入的数据，同时再显示一个乘以0.39的数据：</p>
<table width="600" border="1" cellspacing="1" cellpadding="1" style="margin: 0px auto;">
  <tr>
    <td colspan="2" align="center">长度 cm （厘米）</td>
    <td width="255" align="center">长度 inch （英寸）</td>
  </tr>
  <tr>
    <td width="117" height="30" align="center">腰围cm</td>
    <td width="118" align="center" valign="middle" bgcolor="#FFFFCC" id="text1"></td>
    <td align="center" valign="middle" bgcolor="#FFFFCC" id="text3"></td>
  </tr>
  <tr>
    <td height="30" align="center">臀围cm</td>
    <td align="center" valign="middle" bgcolor="#FFFFCC" id="text2"></td>
    <td align="center" valign="middle" bgcolor="#FFFFCC" id="text4"></td>
  </tr>
</table>
</form>
</body>

已赞过 已踩过<

评论收起

100251733802
2013-09-10 · TA获得超过252个赞

知道小有建树答主

回答量：438

采纳率：33%

帮助的人：118万

我也去答题访问个人页

关注

展开全部

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  <title>上衣中英文尺表码表 对照生成</title>
  <script language="javascript"> 
   function chk() { 
    setTimeout("chk()",100); 
    var cofigvalue = form1.t3.value;
    //最好验证下cofigvalue是数字
    text1.innerHTML = form1.t1.value; 
    text3.innerHTML = form1.t1.value*cofigvalue; 
    text2.innerHTML = form1.t2.value; 
    text4.innerHTML = form1.t2.value*cofigvalue; 
   } 
  </script>
  <style type="text/css">body,td,th { font-weight: bold;}</style>
 </head>
 <body onLoad="chk()">
  <center>
   <form name="form1" autocomplete="off">
    <p>
     1cm=0.39inch （厘米自动换算成尺寸）
    </p>
    <p>
     当我在文本框中填入数字后，想让下面的表格同时显示两组数据，第一个要显示本身的数据，第二个要显示乘以0.39的数据。
    </p>
    <p>
     我现在输入数据后，让第一个本身的数据可以自己显示出来了，但是第二个数据，要乘以0.39的，我却不知道怎么做了。
    </p>
    <p>
     当我在下面输入数据时：
    </p>
    <table width="500" border="0" cellspacing="1" cellpadding="1">
     <tr>
      <td>
       长度 cm （厘米）
      </td>
     </tr>
     <tr>
      <td>
       腰围
       <textarea name="t1" cols="15" ></textarea>
      </td>
     </tr>
     <tr>
      <td>
       臀围
       <textarea name="t2" cols="15" ></textarea>
      </td>
     </tr>
     <tr>
      <td>
       参数
       <textarea name="t3" cols="15" >0.39</textarea>默认0.39,可修改
      </td>
     </tr>
    </table>
    <p>
    </p>
    <p>
     要让下面的表格自动显示输入的数据，同时再显示一个乘以0.39的数据：
    </p>
    <table width="600" border="1" cellspacing="1" cellpadding="1">
     <tr>
      <td colspan="2" align="center">
       长度 cm （厘米）
      </td>
      <td width="255" align="center">
       长度 inch （英寸）
      </td>
     </tr>
     <tr>
      <td width="117" height="30" align="center">
       腰围cm
      </td>
      <td width="118" align="center" valign="middle" bgcolor="#FFFFCC"
       id="text1"></td>
      <td align="center" valign="middle" bgcolor="#FFFFCC" id="text3">
       想让腰围乘以0.39的数据显示在这里
      </td>
     </tr>
     <tr>
      <td height="30" align="center">
       臀围cm
      </td>
      <td align="center" valign="middle" bgcolor="#FFFFCC" id="text2"></td>
      <td align="center" valign="middle" bgcolor="#FFFFCC" id="text4">
       想让臀围乘以0.39的数据显示在这里
      </td>
     </tr>
    </table>
   </form>
 </body>
</html>

已赞过 已踩过<

评论收起

DZfrog
2013-09-13 · 超过13用户采纳过TA的回答

知道答主

回答量：48

采纳率：0%

帮助的人：35万

我也去答题访问个人页

关注

展开全部

既然你第一个已经实现了,那第二个应该也挺容易啊,只不过是取到输入的值转换为数字然后*0.36,然后将这个值赋给另一个文本框而已

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么让JS实现在文本框中输入数字时，同时输出这个数字，并再输出一个乘以0.39的值？

其他类似问题

为你推荐：