如何使用javascript隐藏页面加载上的按钮

时间:2016-04-05 09:48:00

标签: phonegap-plugins

我是新手机间隙,当ai在索引页面第一次调用我的应用程序时开发应用程序应该显示配置IP地址按钮的一个按钮。在配置IP地址后,该地址将存储在本地存储变量。因此,当我调用我的应用程序的第二次时,所以在索引页面中他们不需要再次配置按钮而不是我正在检查存储变量为空的条件也不是。如果它再次为null,则第一个按钮将显示,如果不是表示应显示其他三个按钮。

怎么做?我无法在这里隐藏按钮

这是我的代码

 HTML:

   <div onload="change">

             <center> <button class="config"  id="config" onclick='return config()'>Configure IP Address</button></center>
             <center><input class="username" type="text" placeholder="Username" id="username" value="" ></center>
             <center><input class="password" type="password" placeholder="Password" id="password" value=""></center>
             <center><button  id ="LOGIN" class="login" onclick="loginpostactivity()" >Login</button></center>

JS:

 <script>
                    // Function being used to hide/unhide the button
                  function changeMessage() {
                        if (ipAddress!="") {
                            document.getElementById("config").style.visibility = "visible";
                        } else {
                            document.getElementById("username").style.visibility = "hidden";
                            document.getElementById("password").style.visibility = "hidden";
                            document.getElementById("LOGIN").style.visibility = "hidden";
                        }
                    }
      </script>

当我加载此页面时,如果正确为真,我想显示第一个按钮,否则应显示三个按钮。

1 个答案:

答案 0 :(得分:0)

执行以下两个步骤。它可能解决了这个问题。

  1. if
  2. 中隐藏uname pwd和登录按钮
  3. else区块中显示配置按钮。