Question

所以有两个广播项目，我希望用户选择执行哪一个，在用户选择其中一个之后，他/她将点击“抽奖”按钮。并将从他们选择的无线电项目的功能之一输出结果。但是我无法弄清楚如何调用任何一个函数并等到用户点击“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>

和Javascript：

function makeZigZag () {
var sizeTextField = document.getElementById('sizeTextField')
//block of codes
drawButton.onclick = function () {
    outputTri.innerHTML = makeTriangle(sizeTextField.value);
};

}

function makeTriangle () {
var sizeTextField = document.getElementById('sizeTextField')
//block of codes
drawButton.onclick = function () {
    outputZZ.innerHTML = makeTriangle(sizeTextField.value);
};
}

function drawEither () {
outputTri = document.getElementById('outputTriangle');
outputZZ = document.getElementById('outputZigZag');
}

Answer 1

一种方法是检查选择了哪个单选按钮的循环。类似的东西：

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

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

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

1 个答案: