单击一个按钮时，我需要使所有按钮消失答案

【问题标题】：I need to make all buttons disappear when one is clicked单击一个按钮时，我需要使所有按钮消失
【发布时间】：2014-03-03 06:13:59
【问题描述】：

我正在编写一个游戏，它会为您提供多种选择。一旦你选择了你的选项，所有的按钮，包括你的选择，都应该消失，然后你进入下一轮。我有一个脚本可以做到这一点，但是对于每一轮按钮，我都必须重写它以遵守新的按钮集。为了避免每次都重复自己，我正在尝试获得一个通用脚本来完成此操作

HTML

<input type="button" class="btn" id="getUp" name="answer" value="get up"  onclick="this.style.display='none'; hideSleepIn(); " />
<input type="button" class="btn" id="sleepIn" name="answer" value="sleep in" onclick="this.style.display='none'; hideGetUp();" />

JavaScript

var hidden = false;
var click = onClick;

function hideSleepIn()
{
    hidden = !hidden;

    if(getUp === click)
    {
        document.getElementById('getUp').style.visibility = 'visible';
    }

    else
    {
        document.getElementById('sleepIn').style.visibility = 'hidden';
    }       
}

【问题讨论】：

那你的问题是什么？

标签： javascript button show-hide

【解决方案1】：

尝试替换

document.getElementById('getUp').style.visibility = 'visible';

有了这个

document.getElementById("getUp").style.display = 'none';

【讨论】：

【解决方案2】：

我使用了我用来隐藏 div 的当前脚本，同时隐藏/显示页面上的按钮

  function unhide(divID) {
var item = document.getElementById(divID);
if (item) {
  item.className=(item.className=='hidden')?'unhidden':'hidden';

} }

<input type="button" class="unhidden" id="firstPath" value="get up" onclick="unhide('getUpText'); unhide('firstPath2'); unhide('firstPath');" />

文本

 <input type="button" class="unhidden" id="firstPath2" value="sleep in" onclick="unhide('sleepInText'); unhide('firstPath'); unhide('firstPath2');" />

文本

【讨论】：