Javascript 基于表单中的选择单选按钮隐藏div

我有一个表格，你必须在两个输入类型=收音机中选择，一个说是，另一个说不是。 我想使窗体中可见的div在选择no选项时消失。我试图从我在互联网上读到的其他帖子中复制一些JS，但没有任何效果。 有人能告诉我应该使用的代码吗？它可以是JS、PHP或CSS

这是我的密码：

问题: 对 不 你点击了“否”，所以这个div消失了。

---

您需要将事件侦听器添加到输入中，还应该将两个单选按钮的名称更改为相同的名称。我使用了下面的输入。然后根据单击的选择切换hello元素上的显示样式

const hello=document.getElementById'hello'； document.getElementById'yes' .addEventListener“单击”函数{ hello.style.display=null； }; document.getElementById'no' .addEventListener“单击”函数{ hello.style.display='none'； }; 问题: 对 不 你点击了“否”，所以这个div消失了。

---

您可以使用纯CSS实现这一点。我不知道我的解决方案是否合适，因为我不知道页面的其余部分是如何构造的

.电台表格{ 位置：相对位置； 垫底：2rem； } inputno~floatingDescription{ 位置：绝对位置； 底部：0px； 左：0px； 显示：块； } inputno:选中~floatingDescription{ 显示：无； } 问题: 对 不 你点击了“否”，所以这个div消失了。

---

你用了什么代码使它工作？您提到您尝试了一些代码，但它似乎不在您的帖子中。您的单选按钮在单击其中一个按钮时甚至不起单选按钮的作用，而另一个按钮仍然处于选中状态-因为它们具有不同的名称属性。@RobinZigmond所以您首先说，我应该更改输入的名称，使它们具有相同的名称？堆栈溢出不是代码编写服务。不要在这里问这样的问题。是的，这就是Robin的意思Stack Overflow不是一个代码编写服务。不要回答这样离题的问题。这个问题最终会被删除。我尝试过这样做，但不起作用。也许是因为我的表格中有其他输入？