重新加载/刷新后使页面元素保持可见答案

【问题标题】：Make page element remain visible after reload/refresh重新加载/刷新后使页面元素保持可见
【发布时间】：2013-10-01 13:45:43
【问题描述】：

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

我尝试了以下类似的方法，但没有运气。我用 body onload 事件 触发了这个。（costShareYN1 是单选按钮，costshare 是 div 的名称。）

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

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

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

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

【讨论】：

它最初是隐藏的 display:none;这个解决方案奏效了。非常感谢。

【解决方案2】：

如果您可以在您的应用程序中使用 jQuery，那么只需添加以下几行：

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

    $(function(){
        if($('#costShareYN1').is(':checked'))
            $('#costshare').show();
    });
    </script>

【讨论】：

帮助了我们，谢谢。可能也用过here

【解决方案3】：

如果你使用 jQuery，你可以使用下面的代码：

$('#costshare').show()

【讨论】：