Question

以下是我的代码。它由三个按钮和一个显示屏组成。

<html>
<head>
<script type="text/javascript">


</script>
</head>
<body>
<form name="fun" >
Display Screen<input type="textfield" name="ans" value="">
<br>
<input type="button" value="1" onClick="document.fun.ans.value+='1'">
<input type="button" value="hide">
<input type="button" value="show">


</form>
</body>
</html>

目前，当您按1时，它将在显示屏上显示1。我想实现一个函数，这样如果你单击隐藏然后按1则不会显示任何内容。如果按show并按1则屏幕上将显示1。

可能的方法是，如果你点击隐藏，只需禁用1按钮，但我仍然希望用户能够在按下隐藏后点击按钮而不显示任何内容。

我是JS的新手，请原谅，如果这是一个糟糕的问题。

Answer 1

我将<script>中的所有j包装起来以便能够使用vars。

<script>
    var hide = 0;
    function appendChar(){
        if(hide==0){
            document.fun.ans.value+='1';
        }
    }

</script>

然后我们必须修改html：

<input type="button" value="1" onClick="appendChar()">
<input type="button" value="hide" onclick="hide=1;">
<input type="button" value="show" onclick="hide=0;">

Answer 2

使用javascript显示和隐藏元素的示例：

<html>
<head>
<script type="text/javascript">


</script>
</head>
<body>
<form name="fun" >
Display Screen<input id="ans" type="textfield" name="ans" value="">
<br>
<input type="button" value="1" onClick="document.fun.ans.value='1'">
<input type="button" value="hide" onclick="hide()">
<input type="button" value="show" onclick="show()">

<script type="text/javascript">
function hide()
{
   document.getElementById("ans").style.display = "none";
}
function show()
{
   document.getElementById("ans").value = '';
   document.getElementById("ans").style.display = "inline-block";
}
</script>


</form>
</body>
</html>

显示或隐藏单击显示的信息

2 个答案: