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

时间:2016-11-23 10:42:57

标签: javascript html

<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()">

我想点击“+”按钮,但这不应该在输入文本字段中显示,在点击“=”按钮后,结果应由此操作员计算。

如果我将可见性隐藏方法应用于'+'运算符,则隐藏但不计算值。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用此代码,它将完美运行,

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;

我更改了从document.getElementById('plus').style="visibility:hidden";document.getElementById('plus').style.visibility="hidden";的动态样式,这是工作语法