Javascript - 切换可见性

我想在输入有效时显示一个按钮。它不起作用，它只显示所有的按钮。这里是JavaScript：Javascript - 切换可见性

 var toggleVisibility = function() 
     { 
     hasOccurred = validate(textEntry); 

      if (hasOccurred == false) { 
      $("addBtn").style.visibility = "visible"; 
      $("deleteBtn").style.visibility = "hidden"; 
      } 
      else if (hasOccurred == true) { 
      $("addBtn").style.visibility = "hidden"; 
      $("deleteBtn").style.visibility = "visible"; 
      } 
     }

这是按钮的HTML：

   <button type="button" class="btn btn-success" id="addBtn" oninput="toggleVisibility()"><i class="glyphicon glyphicon-plus-sign"></i> Add to Array</button><br/> 
       <button type="button" class="btn btn-danger" oninput="toggleVisibility()" id="deleteBtn"><i class="glyphicon glyphicon-remove-sign"></i> Delete from Array</button><br/> 
       <button type="button" class="btn btn-info" id="sumBtn">Sum of Array</button>

来源

2015-03-08 microslayer

你使用jQuery？如果这样的类有一个点'$（“。addBtn”）'，你可以使用'.hide（）'和'.show（）'。例如：'$（“。addBtn”）。show（）'除了'$（“。addBtn”）。style.visibility =“visible”'。 – 2015-03-08 22:30:24

我没有使用jQuery。 – microslayer 2015-03-08 22:32:48

那你在用什么库？ '$（“addBtn”）'不是原生JavaScript。 – 2015-03-08 22:34:32

您使用的是$，如果你正在使用jQuery（但不正确CSS选择器）。没有jQuery的需要document.getElementById("...")

注：我改变hasOccurred从而使片段工作。

var toggleVisibility = function() { 
 
    hasOccurred = false; 
 

 
    if (hasOccurred == false) { 
 
    document.getElementById("addBtn").style.visibility = "visible"; 
 
    document.getElementById("deleteBtn").style.visibility = "hidden"; 
 
    } else if (hasOccurred == true) { 
 
    document.getElementById("addBtn").style.visibility = "hidden"; 
 
    document.getElementById("deleteBtn").style.visibility = "visible"; 
 
    } 
 
} 
 

 
toggleVisibility();

<button type="button" class="btn btn-success" id="addBtn" oninput="toggleVisibility()"><i class="glyphicon glyphicon-plus-sign"></i> Add to Array</button> 
 
<br/> 
 
<button type="button" class="btn btn-danger" oninput="toggleVisibility()" id="deleteBtn"><i class="glyphicon glyphicon-remove-sign"></i> Delete from Array</button> 
 
<br/> 
 
<button type="button" class="btn btn-info" id="sumBtn">Sum of Array</button>

来源

2015-03-08 22:35:05 wnbates

Javascript - 切换可见性

回答

相关问题