Question

我有一个单选按钮，是和否。如果用户选择是，则显示用户的姓名和年龄，如果选择否，则不会显示姓名或年龄。这样工作正常但是当页面打开时，显然没有选中两个单选按钮，但名称和年龄是可见的，所以我想知道的是默认情况下当页面打开时我是否对代码进行编码以便用户使用姓名和年龄是隐藏的而不是可见的？

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";
            }
        }

Answer 1

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

Answer 2

请使用style="display:none"并查看是否有效。如果没有尝试使用jQuery $("#userName").hide();。祝你好运！

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

2 个答案: