Javascript 显示/隐藏问题 函数取消隐藏（divID）{ var item=document.getElementById（divID）； 如果（项目）{ item.className=（item.className='hidden'）？'unhidden'：'hidden'； } } .hidden{显示：无；} .unhidden{display:block；} 约翰 宝拉 母鸡 马尔克 你的答案是正确的，约翰今年20岁。

这很好，但唯一的问题是，我使用的是单选按钮，我希望单击以显示我的div（它确实如此），但当单击另一个单选按钮时，我希望它隐藏所有其他未隐藏的div，并且一次只显示一个

我怎样才能用最简单的方法来做呢

你可能会发现有些东西写得很奇怪，但那是因为我需要用CMS编辑，它只会以一种特定的方式接收。这也是我使用此特定显示/隐藏的原因。它很短，而且和我写所有东西的方式都很相配

问候,

---

John Vas.

无需对html或代码进行太多更改

---

更改了所有内容，仍然不起作用，我应该替换代码还是添加此内容？请看演示-我可能在您剪切和粘贴时进行了编辑。你需要把收音机的单键调到是的，谢谢，我检查了演示并把它放进去了，现在可以了，不过有一个问题。你知道为什么它只适用于前两个答案而不适用于后两个吗？

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

    <style>
    .hidden { display: none; }
    .unhidden { display: block; }
    </style>

    <div class="answers">
        <ol>
            <li>
                <input type="radio" name="q1" id="q1-a" onclick="unhide('answerq1a')"/>John
            </li>
            <li>
                <input type="radio" name="q1" id="q1-b" onclick="unhide('answerq1b')"/>Paula
            </li>
            <li>
                <input type="radio" name="q1" id="q1-c" onclick="unhide('answerq1c')"/>Henal
            </li>
            <li>
                <input type="radio" name="q1" id="q1-d" onclick="unhide('answerq1d')"/>Malc
            </li>
        </ol>
    </div>

    <div id="answerq1a" class="hidden">
    <textarea class="widthninetyfivepercent" rows="4" name="optionA" id="1-A" maxlength="300" value=""/>Your answer is correct, John is 20.</textarea>
    </div>

<input type="radio" name="q1" id="q1-a" onclick="unhide(this)" />
<input type="radio" name="q1" id="q1-b" onclick="unhide(this)" />
<input type="radio" name="q1" id="q1-c" onclick="unhide(this)" />
<input type="radio" name="q1" id="q1-d" onclick="unhide(this)" />

var currentShown = "";
function unhide(rad) {
  var id = "answer"+rad.id.replace("-",""); 
  var answer = document.getElementById(id);
  if (answer) {
    var current = document.getElementById(currentShown);
    if (current) current.className="hidden";
    currentShown=id;
    answer.className="unhidden";
  }
}