javascript - 当 var abc = 0 时显示按钮，否则隐藏按钮

Question

有类似的查询，但不完全是我想要的。

如果 var abc = 0 则我需要在我的 html 正文中显示一个注册按钮，否则隐藏该按钮。

有人可以帮忙吗？

这是我所拥有的：

    .hidden {
  display: none;
}


var pass=0;
  function hideButton() {

    var hiddeninputs = document.getElementsByClassName("hidden");

      if (pass = 0) {
        hiddeninputs[i].style.display= "none";
      }
      else {
        hiddeninputs[i].style.display = "block" ;
      }

  }



    <form action="">
        <input type="button" value="Register" onclick='window.location.href="#page2"' onload="hideButton()"> <br />
    </form>

Answer 1

jQuery切换需要一个布尔值来显示或隐藏

var $ele = $("#button"); //for your snippet
var abc = $("#abc").val();

$ele.toggle(abc === 0);

Answer 2

像这样的东西？

function button() {
  var abc = parseInt($("#abc").val(), 10);
  if(abc === 0) {
      $("#button").show();
  } else {
      $("#button").hide();
  }
}

Answer 3

首先，我会给你的按钮一个id：

<input type="button" id="btnRegister" value="Register" onclick='window.location.href="#page2"' onload="hideButton()">

如果您有权访问并正在使用 jQuery：

<script type="text/javascript">
$(function(){
    function hideButton(){
        if(pass === 0){
            $("#btnRegister").show();
        }
        else {
            $("#btnRegister").hide();
        }
    }
});
</script>

如果您需要在纯 Javascript 中执行此操作：

<script type="text/javascript">
    function hideButton(){
        if(pass === 0){
            document.getElementById("btnRegister").style.display="none";
        }
        else {
            document.getElementById("btnRegister").style.display="block";
        }
    }
</script>