简体   繁体   English

如何将按钮的值传递给输入文本字段,但使用javascript在文本字段中值应消失

[英]How to pass the value of button to input text field but value should be disappear in text field using javascript

<script type="text/javascript">
     function getvalue(data)
     {
         document.getElementById('result').value+=data;
     }
     function getequalto()
     {
        var text=document.getElementById('result').value;
        var re=eval(text);
        document.getElementById('result').value=re;
     }
     function plus()
     {
       document.getElementById('plus').style="visibility:hidden";
     }
 </script>
 <input type="text" id="result"><br><br>
 <input type="button" value="1" id="btn" onclick="getvalue(this.value)">
 <input type="button" value="2" id="btn" onclick="getvalue(this.value)">
 <input type="button" value="3" id="btn" onclick="getvalue(this.value)">
 <input type="button" value="+" id="plus" onclick="getvalue(this.value) plus()">
 <input type="button" value="=" id="btn" onclick="getequalto()">

I want to click on '+' button but this should not be show in input text feild, after that click on '=' button then result should be calculated by this operator. 我想单击“ +”按钮,但是不应在输入文本字段中显示它,然后单击“ =”按钮,然后应由该运算符计算结果。

if i apply visibility hidden method to '+' operator then hidden but not calculate the values. 如果我将可见性隐藏方法应用于“ +”运算符,则隐藏但不计算值。

You can try this code it will work perfectly, 您可以尝试使用此代码,它将完美运行,

 <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Insert title here</title> </head> <body> <script type="text/javascript"> function getvalue(data) { document.getElementById('result').value+=data; } function getequalto() { var text=document.getElementById('result').value; var re=eval(text); document.getElementById('result').value=re; } function plus() { document.getElementById('plus').style.visibility="hidden"; } </script> <input type="text" id="result"><br><br> <input type="button" value="1" id="btn1" onclick="getvalue(this.value)"> <input type="button" value="2" id="btn2" onclick="getvalue(this.value)"> <input type="button" value="3" id="btn3" onclick="getvalue(this.value)"> <input type="button" value="+" id="plus" onclick="getvalue(this.value); plus()"> <input type="button" value="=" id="btn" onclick="getequalto()"> </body> </html> 

I have made changes to the dynamic style from document.getElementById('plus').style="visibility:hidden"; 我已经从document.getElementById('plus').style="visibility:hidden";更改了动态样式document.getElementById('plus').style="visibility:hidden"; to document.getElementById('plus').style.visibility="hidden"; document.getElementById('plus').style.visibility="hidden"; which is the working syntax 这是工作语法

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM