javascript - 使页面元素在重新加载/刷新后保持可见

Question

我的表单上有一个包含在 div 中的控制按钮。如果用户在单选按钮 上单击"is"，则此 div 通过 JavaScript 函数变得可见。那里没有问题。然而，当用户在关闭页面或重新加载后返回页面时，div 再次不可见。我希望此 div 在用户选择"is"后保持可见。该单选按钮的值被写入数据库并在页面加载时加载，因此"is"选项将显示为已选中。

我试过类似下面的方法，但没有成功。我用一个body onload 事件 触发了这个。 (costShareYN1 是单选按钮，costshare 是 div 的名称。)

<script type="text/javascript">
function show() {
  if (document.getElementById("costShareYN1").checked == true) {
      document.getElementById('costshare').style.visibility = "visible";
  }
}
</script>

我也尝试用 .value == "Yes" 替换 .checked == true，但无济于事。有什么建议吗？

Answer 1

它最初是如何隐藏的？如果它设置为 display:none; 那么执行 visibility = "visible" 将无济于事；你需要设置 display:block。