如何按钮的值传递给输入文本字段,但其值应在文本字段中使用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()"> 

我要点击“+”按钮可以消失,但是这不应该是显示在输入文本费尔德,即点击后在'='按钮上,结果应该由该操作员计算。如何按钮的值传递给输入文本字段,但其值应在文本字段中使用JavaScript

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

+4

ID必须是独特。 –

+1

[___文档中不得有多个'元素',它们具有相同的'id'值.___](https://www.w3.org/TR/html-markup/global-attributes.html#common .attrs.id) – Rayon

+1

只要删除所有的'ID'属性,你就可以走了...... – Rayon

你可以试试这个代码,它会很好地工作,

<!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>

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