javascriptで無効化

質問

javascriptの勉強中でクイズを作っています。

3択クイズでボタン式になっていて押すとそれぞれ正解・不正解と
問題に対する解説を表示させることは出来ました。
また、次へボタンで次の問題にも進めます。
しかし、ボタンな為、何度でも押せてしまい、正解が出るまで出来る上、
hiddenで隠して正解・不正解と解説が出てしまいます。
そこで、1つのボタンを押したら残り2つのボタンを無効化して
次へボタンしか押せない状態にしたいと思っています。

<div id="s1" class="hid">
<p>hogehogehoge?</p>
<a href="#" onclick="return ChDsp2('hz1','textALL');"><input type="button" value="1-1" onclick="hazure();" /></a><br />
<a href="#" onclick="return ChDsp2('hz1','textALL');"><input type="button" value="1-2" onclick="hazure();" /></a><br />
<a href="#" onclick="return ChDsp2('sk1','textALL');"><input type="button" value="1-3" onclick="seikai();" /></a>
</div>

<div id="hz" class="hid">
<p>不正解&nbsp;×</p>

<div id="hz1" class="textALL">【解&nbsp;説】hogehoge

<input type="button" value="次へ" onclick="nextq();" />

<div id="sk" class="hid">
<p>正解&nbsp;×</p>

<div id="sk1" class="textALL">【解&nbsp;説】hogehoge

<input type="button" value="次へ" onclick="nextq();" />

この様になっていますが、どうか回答を選択(ボタンを押した)したら
他の問題を押せなくし、解説を表示させたまま次へボタンを押し、
次の問題に進む方法を教えて下さい。お願いします。

回答No.1

jjon-com · ベストアンサー

http://okwave.jp/qa/q7279331.html の私の過去の回答ANo.1

お礼

消しちゃうという発想がなかったです。
document.getElementById('s1').style.display = 'none';"
で出来ました。
今回はヒントになりましたので本当にありがとうございました。