通过选中javascript中的单选框隐藏/显示信息

您好，我想了解如何通过在javascript中选中一个框（详细信息）使details div消失。 因为我尝试了很多方法，但是没有结果：

  let myDetails = document.getElementById('myDetails');
  myDetails.checked = true;
  myDetails.addEventListener('change', togglemyDetails);

---

为此，需要显示和隐藏一个div，然后在同一个组中显示两个单选按钮。如果将onclick事件附加到两个单选按钮，则可以查询选择了哪一个，然后相应地显示或隐藏原始div：

函数切换（）{
让toggled=document.querySelector（#show”）。选中；
如果（已切换）
document.querySelector（“#show hide”）.style.visibility=“visible”；
其他的
document.querySelector（“#show hide”）.style.visibility=“hidden”；
}

显示和隐藏
显示
隐藏

window.onload=函数（）{
//在窗口加载时执行
bindEvents（）；
}
函数bindEvents（）{
//将事件绑定到用于切换详细信息div的复选框
document.querySelector（“.toggleDetails”）
.addEventListener（'click'，函数（e）{
//使用复选框的数据目标属性获取详细信息div
//`e.target`这里是复选框，触发此事件的元素
var actionTarget=document.querySelector（e.target.getAttribute（'data-target'）；
如果（行动目标）{
如果（例如，选中目标）{
//选中复选框时，将类“hide”添加到details div
actionTarget.classList.add（'hide'）；
}否则{
//取消选中复选框时，从details div中删除类“hide”
actionTarget.classList.remove（'hide'）；
}
}
});
}

切换时，css类下方的

/*将用于隐藏*/
.隐藏{
显示：无！重要；
}
/*只是为了强调细节*/
#细节{
填充物：5px；
保证金：5px；
边框：1px纯灰；
}

选中以隐藏详细信息


单击复选框时显示的详细信息的某些文本。

你能详细说明一下吗？我有一个分区，里面有信息，所以勾选一个框，该分区就会消失，重新勾选就会出现。为什么不使用

和

？请看这里：

var togglemyDetails = function() {
}