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

Make page element remain visible after reload/refresh

本文关键字：刷新 加载 元素 新加载      更新时间：2023-09-26

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

我已经尝试过类似以下内容的方法，但没有运气。我通过身体加载事件触发了这个。（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，但无济于事。建议？

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

如果你可以在应用程序中使用 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>

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

$('#costshare').show()
相关文章：