我想在页面打开时隐藏用户的姓名和年龄

I want to hide user's name and age when page is open

本文关键字:用户 隐藏      更新时间:2023-09-26

我有一个单选按钮,是和否。如果用户选择是,则显示用户的姓名和年龄,如果选择否,则不显示姓名和年龄。这工作得很好,但当页面打开时,显然没有两个单选按钮被选中,但名称和年龄是可见的,所以我想知道的是如何默认情况下,当页面打开时,我编码它,使用户的名称和年龄是隐藏的,而不是可见的?

function getMsg() {
                var choice = document.getElementsByName("choice");               
                var userName = document.getElementById("userName");
                var userAge = document.getElementById("userAge");
                if(choice[0].checked == true){
                    userName.style.visibility = "visible";
                    userAge.style.visibility = "visible";
                }else{
                    userName.style.visibility = "hidden";
                    userAge.style.visibility = "hidden";
            }
        }

在您想要隐藏的元素中,使用style="visibility:hidden;"

请使用style="display:none",看看是否工作。如果没有尝试与jQuery $("#userName").hide();。好运!