0

したがって、2 つのラジオ アイテムがあり、どちらを実行するかをユーザーに選択してもらいたいのですが、ユーザーがいずれかを選択した後、ユーザーは「描画!」ボタンをクリックします。選択したラジオ項目の機能の 1 つから結果を出力します。しかし、どちらの関数を呼び出して、ユーザーが「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');
}
4

1 に答える 1

0

1 つのアプローチは、どのラジオ ボタンが選択されているかを確認するためのループです。何かのようなもの：

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

ところで、例の HTML には重複した ID があります。ID は一意である必要があります。私の例では、提案された ID を使用しました。

于 2013-03-04T17:25:39.323 に答える