两个INPUT VALUE 的值 运算 ,高手帮帮忙。

时间:2021-08-07 08:47:05
问题一
在第一个INPUT中输入数字
<input name="aaa" type="text" size="30" id="aaa">
在第二个
<input name="bbb" type="text" value="(在这里显示name="aaa"的value值)" size="30" id="bbb">

不想通过from显示。

问题二

有三个INPUT框 做 加法运算
<input name="aaa" type="text" size="30" id="aaa">
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5
<input name="ccc" type="text" size="30" id="ccc">

我想实现,在name="aaa"中输入一串数字,包括小数位

自动在 name="ccc" 的INPUT框中显示  name="aaa"框中的值 加  name="bbb" 的值

我是新手,不太懂,请大家帮帮我,先谢谢大家。








12 个解决方案

#1


<script type="text/javascript">
function show(){
document.getElementById("bbb").value=document.getElementById("aaa").value
}
function get(){
document.getElementById("cc").value=parseFloat(document.getElementById("aa").value)+parseFloat(document.getElementById("bb").value);
}
</script>

</head>

<body>
problem1:
<input type="text" size="10" id="aaa" onblur="show()" />
<input type="text" size="10" id="bbb" /><br />
problem2:
<input type="text"size="10"  id="aa"  />
<input type="text" size="10" id="bb" /><input type="button" value="=" onclick="get()" />
<input type="text"size="10"  id="cc" />
</body>

#2


问题一:
在第一个INPUT中输入数字 
<input name="aaa" type="text" size="30" id="aaa"> 
在第二个 
<input name="bbb" type="text" value="(在这里显示name="aaa"的value值)" size="30" id="bbb"> 
<INPUT type=button value=运行 onclick="Ok()">
<script language=javascript>
function $(id) { return document.getElementById(id); }
function Ok() {
   $('bbb').value = $('aaa').value;
}
</script>


问题二:
有三个INPUT框 做 加法运算 
<input name="aaa" type="text" size="30" id="aaa"> 
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 

我想实现,在name="aaa"中输入一串数字,包括小数位 

自动在 name="ccc" 的INPUT框中显示  name="aaa"框中的值 加  name="bbb" 的值 
<INPUT type=button value=运行 onclick="Ok()">
<script language=javascript>
function $(id) { return document.getElementById(id); }
function Ok() {
   $('ccc').value = eval($('aaa').value +'+'+ $('bbb').value);
}
</script>

#3



问题一:

在第一个INPUT中输入数字 <input name="aaa" type="text" size="30" id="aaa"> <br/>

在第二个 
<input name="bbb" type="text" value="(在这里显示name="aaa"的value值)" size="30" id="bbb"> <br/>

<INPUT type=button value=运行 onclick="Ok()"> 
<script language=javascript> 
function $(id) { return document.getElementById(id); } 
function Ok() { 
  $('bbb').value = $('aaa').value; 

</script> 
 




问题二:


有三个INPUT框 做 加法运算 
<input name="aaa" type="text" size="30" id="aaa"> <br/>
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 <br/>
<input name="ccc" type="text" size="30" id="ccc"> <br/>
<br/>
我想实现,在name="aaa"中输入一串数字,包括小数位 <br/>
<br/>
自动在 name="ccc" 的INPUT框中显示  name="aaa"框中的值 加  name="bbb" 的值 <br/>
<INPUT type=button value=运行 onclick="Ok()"> 
<script language=javascript> 
function $(id) { return document.getElementById(id); } 
function Ok() { 
  $('ccc').value = eval($('aaa').value +'+'+ $('bbb').value); 

</script>  

#4


问题一 

<input name="aaa" type="text" size="30" id="aaa" onblur="bbb.value=this.value"> 

问题二 

有三个INPUT框 做 加法运算 

<input name="aaa" type="text" size="30" id="aaa" onblur="ccc.value=parseFloat(this.value)+parseFloat(bbb.value)"> 
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 

因为你有id编号,如果没有form的话,网页可以直接处理。
当然,如果用document.getElementById()会规范写。

#5


引用 4 楼 siu5 的回复:
问题一 

HTML code
<input name="aaa" type="text" size="30" id="aaa" onblur="bbb.value=this.value"> 



问题二 

有三个INPUT框 做 加法运算 

HTML code
<input name="aaa" type="text" size="30" id="aaa" onblur="ccc.value=parseFloat(this.value)+parseFloat(bbb.value)"> 
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="…


感谢楼上的兄弟姐妹的大力帮助。

同时谢谢4楼的朋友,您的发放是我最先要的 。不知道如何加分。。我第一次提交问题。不太懂,请教教我。

还有就是您这句话不太明白 。
引用
因为你有id编号,如果没有form的话,网页可以直接处理。 
当然,如果用document.getElementById()会规范写。


是不是因为有了ID的值,就可以不用FORM ,
用document.getElementById()会规范写的话,不太明白这句话,我不想用button 和FORM。

总之,第一次发帖得到帮助,正的很感谢大家的无私。

#6


对不起,我的回复里面有一个错别字,“会规范写”应该是“会规范些”。意思就是规范的写法应该是:
document.getElementById("aaa")或document.getElementById("bbb")等。
但如果这些控件(希望你知道“控件”是什么)你是没有放在表单(即form)内的话,可以直接用id编号来调用。
例如:id="aaa"的,要取得这个控件的值,可以用aaa.value来取得,要屏蔽此控件,可以用aaa.disabled=true来做等等。
而规范的写法其实应该是:
var aaa=document.getElementById("aaa");
然后再做下面的那些步骤,但如果是写在控件标签上的话,我就觉得太长、太麻烦了。所以我经常偷懒没有写。

因为你这个帖子的要求比较简单,我觉得就没必要用document.getElementById()了。而且加上button和用<script>也是有点隆重了。

#7


楼主原来还有一个问题:关于id和form的。
在网页里面,每一个元素(Element)都可以加上id编号,包括form,就是说form本身也是一个元素。
有了id编号,对元素的操作就方便很多了。例如你的例子里面的几个元素。
表单(即form)的作用是把表单内(即<form>到</form>之间)的控件值()数据提交到服务器,经过程序处理之后,保存到服务器的数据库里面。
你如果用某些网页编辑器的时候可以看到,在表单(form)控件是有name这个属性的,而且只有有限的几个有这个属性,例如<input type="" name="">以及<textarea name="">,但其他元素是没有name属性的。就是因为提交服务器端的时候,服务器端的程序是通过name来取值的,而并不通过id编号来取值。

#8


还有个问题想问一下 siu5

<input name="aaa" type="text" size="30" id="aaa" onblur="ccc.value=parseFloat(this.value)+parseFloat(bbb.value)">  
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 


如果我想判断一下,aaa 或者 CCC的值的话,aaa.value=1  这样可以吗


判断 ccc=1  那就显示   hello
如果 ccc=2  那就显示   o baby

#9


回复8楼:当然可以。
但首先你自己要知道,你想什么时候显示“hello”,而且在你的这张帖子里面,ccc出不可能等于1或者2的,因为bbb已经等于1000.5了。我帮你改为1000和2000吧。
如果要加上判断的话,全部写在onblur后面的话就太长了。代码看起来很不美观。建议还是用<script>来写。
代码如下:

<input name="aaa" type="text" size="30" id="aaa" onblur="">  
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 
<script language="javascript">
function aa(){
ccc.value=parseFloat(this.value)+parseFloat(bbb.value);
if (ccc.value==1000)
alert("hello");
if (ccc.value==2000)
alert("o baby");
}
</script>

#10


第一句应该是:<input name="aaa" type="text" size="30" id="aaa" onblur="aa()"> 

#11


我想实现的功能是:
当在第一个INPUT框中输入一个值  1 或者2 或者3 
<input name="aaa" type="text" size="30" id="aaa" >
我想再内容一和二之间加一个片段
判断一下
aaa.value等于1就把内容一贴出来等于2的就贴内容二 都不等于的 情况下继续下面的代码
(不用alert的方式输出内容一和二)
内容一
<tr>
<td><input name="bbb" type="text" size="30" id="bbb"> </td>

<td><input name="ccc" type="text" size="30" id="ccc"></td>
</tr>


内容二
<tr>
<td><input name="ddd" type="text" size="30" id="ddd"> </td>

<td><input name="eee" type="text" size="30" id="eee"></td>
</tr>

不知道您能明白我的意思吗?比较菜,多多见谅

#12



<HTML><HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
function formatCurrency(num) {
num = num.toString().replace(/¥|\,/g,'');
if(isNaN(num)) {num = "0";document.currencyform.input3.value="";}
cents = Math.floor((num*100+0.5)%100); 
num = Math.floor(num).toString();
if(cents < 10) cents = "0" + cents; 
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) 
num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3)); 
return ('¥' + num + '.' + cents); 
}
function recover(){
with(document.currencyform){
input2.value=input3.value
}
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FORM name=currencyform>输入数字: <INPUT name=input2 
onblur="input3.value=this.value;this.value=formatCurrency(this.value);" size=10 value="" onfocus=recover()> <input type=hidden name=input3>

</FORM></CENTER></BODY></HTML>



有个问题请教

我想把数据库里读出的一个数据,比如 <td>价格{--$price.f_money--}</td>   f_money 的数据类型是int  {--$price.f_money--}=9999999
一般情况下可以直接显示9999999 ,但是我想在显示数字的时候格式化一下数字,想将这个数字转换为:9,999,999.00
是不是有这样的函数库,上面这个方法是需要用到FORM, 其中值是输出于INPUT中。

我不清楚我的操作是属于太简单了还是太复杂了。


#1


<script type="text/javascript">
function show(){
document.getElementById("bbb").value=document.getElementById("aaa").value
}
function get(){
document.getElementById("cc").value=parseFloat(document.getElementById("aa").value)+parseFloat(document.getElementById("bb").value);
}
</script>

</head>

<body>
problem1:
<input type="text" size="10" id="aaa" onblur="show()" />
<input type="text" size="10" id="bbb" /><br />
problem2:
<input type="text"size="10"  id="aa"  />
<input type="text" size="10" id="bb" /><input type="button" value="=" onclick="get()" />
<input type="text"size="10"  id="cc" />
</body>

#2


问题一:
在第一个INPUT中输入数字 
<input name="aaa" type="text" size="30" id="aaa"> 
在第二个 
<input name="bbb" type="text" value="(在这里显示name="aaa"的value值)" size="30" id="bbb"> 
<INPUT type=button value=运行 onclick="Ok()">
<script language=javascript>
function $(id) { return document.getElementById(id); }
function Ok() {
   $('bbb').value = $('aaa').value;
}
</script>


问题二:
有三个INPUT框 做 加法运算 
<input name="aaa" type="text" size="30" id="aaa"> 
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 

我想实现,在name="aaa"中输入一串数字,包括小数位 

自动在 name="ccc" 的INPUT框中显示  name="aaa"框中的值 加  name="bbb" 的值 
<INPUT type=button value=运行 onclick="Ok()">
<script language=javascript>
function $(id) { return document.getElementById(id); }
function Ok() {
   $('ccc').value = eval($('aaa').value +'+'+ $('bbb').value);
}
</script>

#3



问题一:

在第一个INPUT中输入数字 <input name="aaa" type="text" size="30" id="aaa"> <br/>

在第二个 
<input name="bbb" type="text" value="(在这里显示name="aaa"的value值)" size="30" id="bbb"> <br/>

<INPUT type=button value=运行 onclick="Ok()"> 
<script language=javascript> 
function $(id) { return document.getElementById(id); } 
function Ok() { 
  $('bbb').value = $('aaa').value; 

</script> 
 




问题二:


有三个INPUT框 做 加法运算 
<input name="aaa" type="text" size="30" id="aaa"> <br/>
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 <br/>
<input name="ccc" type="text" size="30" id="ccc"> <br/>
<br/>
我想实现,在name="aaa"中输入一串数字,包括小数位 <br/>
<br/>
自动在 name="ccc" 的INPUT框中显示  name="aaa"框中的值 加  name="bbb" 的值 <br/>
<INPUT type=button value=运行 onclick="Ok()"> 
<script language=javascript> 
function $(id) { return document.getElementById(id); } 
function Ok() { 
  $('ccc').value = eval($('aaa').value +'+'+ $('bbb').value); 

</script>  

#4


问题一 

<input name="aaa" type="text" size="30" id="aaa" onblur="bbb.value=this.value"> 

问题二 

有三个INPUT框 做 加法运算 

<input name="aaa" type="text" size="30" id="aaa" onblur="ccc.value=parseFloat(this.value)+parseFloat(bbb.value)"> 
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 

因为你有id编号,如果没有form的话,网页可以直接处理。
当然,如果用document.getElementById()会规范写。

#5


引用 4 楼 siu5 的回复:
问题一 

HTML code
<input name="aaa" type="text" size="30" id="aaa" onblur="bbb.value=this.value"> 



问题二 

有三个INPUT框 做 加法运算 

HTML code
<input name="aaa" type="text" size="30" id="aaa" onblur="ccc.value=parseFloat(this.value)+parseFloat(bbb.value)"> 
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="…


感谢楼上的兄弟姐妹的大力帮助。

同时谢谢4楼的朋友,您的发放是我最先要的 。不知道如何加分。。我第一次提交问题。不太懂,请教教我。

还有就是您这句话不太明白 。
引用
因为你有id编号,如果没有form的话,网页可以直接处理。 
当然,如果用document.getElementById()会规范写。


是不是因为有了ID的值,就可以不用FORM ,
用document.getElementById()会规范写的话,不太明白这句话,我不想用button 和FORM。

总之,第一次发帖得到帮助,正的很感谢大家的无私。

#6


对不起,我的回复里面有一个错别字,“会规范写”应该是“会规范些”。意思就是规范的写法应该是:
document.getElementById("aaa")或document.getElementById("bbb")等。
但如果这些控件(希望你知道“控件”是什么)你是没有放在表单(即form)内的话,可以直接用id编号来调用。
例如:id="aaa"的,要取得这个控件的值,可以用aaa.value来取得,要屏蔽此控件,可以用aaa.disabled=true来做等等。
而规范的写法其实应该是:
var aaa=document.getElementById("aaa");
然后再做下面的那些步骤,但如果是写在控件标签上的话,我就觉得太长、太麻烦了。所以我经常偷懒没有写。

因为你这个帖子的要求比较简单,我觉得就没必要用document.getElementById()了。而且加上button和用<script>也是有点隆重了。

#7


楼主原来还有一个问题:关于id和form的。
在网页里面,每一个元素(Element)都可以加上id编号,包括form,就是说form本身也是一个元素。
有了id编号,对元素的操作就方便很多了。例如你的例子里面的几个元素。
表单(即form)的作用是把表单内(即<form>到</form>之间)的控件值()数据提交到服务器,经过程序处理之后,保存到服务器的数据库里面。
你如果用某些网页编辑器的时候可以看到,在表单(form)控件是有name这个属性的,而且只有有限的几个有这个属性,例如<input type="" name="">以及<textarea name="">,但其他元素是没有name属性的。就是因为提交服务器端的时候,服务器端的程序是通过name来取值的,而并不通过id编号来取值。

#8


还有个问题想问一下 siu5

<input name="aaa" type="text" size="30" id="aaa" onblur="ccc.value=parseFloat(this.value)+parseFloat(bbb.value)">  
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 


如果我想判断一下,aaa 或者 CCC的值的话,aaa.value=1  这样可以吗


判断 ccc=1  那就显示   hello
如果 ccc=2  那就显示   o baby

#9


回复8楼:当然可以。
但首先你自己要知道,你想什么时候显示“hello”,而且在你的这张帖子里面,ccc出不可能等于1或者2的,因为bbb已经等于1000.5了。我帮你改为1000和2000吧。
如果要加上判断的话,全部写在onblur后面的话就太长了。代码看起来很不美观。建议还是用<script>来写。
代码如下:

<input name="aaa" type="text" size="30" id="aaa" onblur="">  
<input name="bbb" type="text" size="30" value="1000.5" id="bbb"> 默认值为:1000.5 
<input name="ccc" type="text" size="30" id="ccc"> 
<script language="javascript">
function aa(){
ccc.value=parseFloat(this.value)+parseFloat(bbb.value);
if (ccc.value==1000)
alert("hello");
if (ccc.value==2000)
alert("o baby");
}
</script>

#10


第一句应该是:<input name="aaa" type="text" size="30" id="aaa" onblur="aa()"> 

#11


我想实现的功能是:
当在第一个INPUT框中输入一个值  1 或者2 或者3 
<input name="aaa" type="text" size="30" id="aaa" >
我想再内容一和二之间加一个片段
判断一下
aaa.value等于1就把内容一贴出来等于2的就贴内容二 都不等于的 情况下继续下面的代码
(不用alert的方式输出内容一和二)
内容一
<tr>
<td><input name="bbb" type="text" size="30" id="bbb"> </td>

<td><input name="ccc" type="text" size="30" id="ccc"></td>
</tr>


内容二
<tr>
<td><input name="ddd" type="text" size="30" id="ddd"> </td>

<td><input name="eee" type="text" size="30" id="eee"></td>
</tr>

不知道您能明白我的意思吗?比较菜,多多见谅

#12



<HTML><HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
function formatCurrency(num) {
num = num.toString().replace(/¥|\,/g,'');
if(isNaN(num)) {num = "0";document.currencyform.input3.value="";}
cents = Math.floor((num*100+0.5)%100); 
num = Math.floor(num).toString();
if(cents < 10) cents = "0" + cents; 
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) 
num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3)); 
return ('¥' + num + '.' + cents); 
}
function recover(){
with(document.currencyform){
input2.value=input3.value
}
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FORM name=currencyform>输入数字: <INPUT name=input2 
onblur="input3.value=this.value;this.value=formatCurrency(this.value);" size=10 value="" onfocus=recover()> <input type=hidden name=input3>

</FORM></CENTER></BODY></HTML>



有个问题请教

我想把数据库里读出的一个数据,比如 <td>价格{--$price.f_money--}</td>   f_money 的数据类型是int  {--$price.f_money--}=9999999
一般情况下可以直接显示9999999 ,但是我想在显示数字的时候格式化一下数字,想将这个数字转换为:9,999,999.00
是不是有这样的函数库,上面这个方法是需要用到FORM, 其中值是输出于INPUT中。

我不清楚我的操作是属于太简单了还是太复杂了。