Question

我的控件按钮包含在表单上的div中。如果用户在单选按钮上单击“是”，则此div将通过JavaScript功能显示。没有问题。然而，当用户在关闭页面后返回页面时，或者在重新加载时，div再次不可见。在用户选择“是”之后，我希望此div保持可见。该单选按钮的值将写入数据库并在页面加载时加载，因此将显示“是”选项。

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

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

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

Answer 1

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

Answer 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>

Answer 3

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

$('#costshare').show()

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

3 个答案: