css 根据输入值更改div的显示值

kmb7vmvb 于 2023-01-18 发布在其他

关注(0)|答案(1)|浏览(132)

我希望当有人在input type=“number”中输入正确的值（数字）时，按钮会出现。我尝试了var check=document.getElementById("buttonID").value == "1"，然后是if语句，但我一定是做错了什么。
我就想这样。
1.输入：1（按回车键）
1.按钮出现
我目前有一个按钮设置为display:none和一个输入，但仅此而已。

#my input
    <div class="input-ruta">
        <input id="val" type="number">
    </div>
   #the button i want to appear when the input value is 1
   <div class="container">
        <a href="link" target="_blank"><button id="button2">
            <img class="image-class" src="image.png">
        </button></a>
    </div>

我的代码很乱，但我希望你能理解我的想法

css

来源：https://stackoverflow.com/questions/75152055/change-display-value-of-a-div-based-on-input-value

1条答案

按热度按时间

x8diyxa71#

每当输入改变时，您需要检查值，这可以通过在input元素上使用onkeyup来实现。

- 工作示例：**

function checkInputValue(event){

  // Check if ENTER has been pressed
  if(event.key==="Enter"){
  
    // Check the value of the input
    if(document.getElementById("myInput").value==="1")
    {
      // Show button
      document.getElementById("hideButton").style.display="block";
    }
    else
    {
      // Hide button
      document.getElementById("hideButton").style.display="none";
    }
  }
}

<input id="myInput" onkeyup="checkInputValue(event)">
<button id="hideButton" style="display:none;">BUTTON</button>

赞(0）回复(0）举报 2023-01-18

我来回答

css 根据输入值更改div的显示值

1条答案

相关问题

热门标签

最新问答