获取一个 div 容器变成不可见

Question

我正在尝试使用 Javascript 来显示/隐藏网页上的某个区域

如何更改下面的代码以获得所需的结果。

function yesNoCheck(marked) {

  var x = document.getElementById("myDIV");

  if (marked) {

    x.style.display = "none";

  } else {

    x.style.display = "block";

  }

}

#myDIV {

  width: 50%;

  padding: 50px 0;

  text-align: center;

  background-color: lightblue;

  margin-top: 20px;

}

<input type="radio" name="employee" value="Yes" id="yes" onclick="yesNoCheck(true)" checked>

<label for="yes">Yes</label>&nbsp;&nbsp;

<input type="radio" name="employee" value="No" id="no" onclick="yesNoCheck(false)">

<label for="no">No</label> <br /> <br/>

<div id="myDIV">

  This is my DIV element.

</div>

当我点击“是”时，我预计蓝色区域会消失。实际上，当我单击任一按钮时，什么也没有发生！

Answer 1

您的代码与我一起正常工作:) 并且您的问题下方的 StackOverflow 提供的按钮“运行代码片段”也与您的代码正常工作:)