Javascript 如何在输出结果之前单击按钮？

因此有两个单选项，我希望用户选择要执行的单选项，在用户选择其中一个后，他/她将单击按钮“Draw！”，并将输出他们选择的单选项功能之一的结果。但我不知道如何调用这两个函数，而是等待用户单击“Draw！”按钮来实际调用该函数

我的HTML中有：

<p>
Do you want to <input type="radio" name="draw" id="draw" value="drawTriangle">Draw Triangle
or
<input type="radio" name="draw" id="draw" value="drawZigZag">Draw ZigZag<br>
<input type="button" value="Draw!" onclick="drawEither()">
</p>

<pre id="outputTriangle">
</pre>

<pre id="outputZigZag">
</pre>

---

一种方法是循环检查选择了哪个单选按钮。比如：

function drawEither () {
  if (document.getElementById('drawTriangle').checked) {
    do stuff for radio 1
  } else {
    do stuff for radio 2
  }
}

---

顺便说一下，在示例HTML中有重复的ID。ID必须是唯一的。我在示例中使用了建议的ID

为什么你需要一个循环。我们在DOM中得到了相应的事件。我不确定如何利用单选按钮上的单击事件来单击按钮。请随意发布另一个答案。我是在评论你答案的第一个版本。好了，现在您的

drawEither（）

是绘图按钮上onclick（）的事件处理程序。一切都好。：-）Kenenth，请正确格式化代码，并使DOM输入字段名称与JavaScript代码同步。顺便问一下：你的

绘图按钮是从哪里来的？
function drawEither () {
  if (document.getElementById('drawTriangle').checked) {
    do stuff for radio 1
  } else {
    do stuff for radio 2
  }
}