※ ChatGPTを利用し、要約された質問です（原文：質問の回答によって次に質問が出るようにしたい）
JavaScriptのコードで質問の回答によって次の質問を表示する方法
このQ&Aのポイント
JavaScriptを使用して質問の回答によって次の質問を表示する方法を知りたいです。
現在の質問の回答に基づいて、特定の質問を表示または非表示にするため、JavaScriptのコードを使用して質問の制御を行っています。
質問１で「はい」を選択すると質問２が表示されるようにしたいのですが、現在のコードの状態では、両方の質問が表示されてしまいます。どのように修正すれば良いでしょうか？
質問１ではいを選ぶと質問２が現れるようにしたいです。
現在次のようにしています
ヘッダー
function disabled_ctrl() {
for (cnt=0;cnt<document.form1.aaa.length;cnt++) {
if (document.form1.aaa[cnt].checked==true) {
kotae_id = document.form1.aaa[cnt].value;
break;
}
}
if(document.getElementById) {
document.getElementById("abc1").style.display = "none";
document.getElementById("abc2").style.display = "none";
if(kotae_id=="1"){
document.getElementById("abc1").style.display = "block"
}
else{
document.getElementById("abc2").style.display = "block"
}
}
}
ボディー部分
<form name=form1>
質問１
<input name="aaa" type="radio" onClick="disabled_ctrl()" value="1">はい<input name="aaa" type="radio" onClick="disabled_ctrl()" value="2" checked>いいえ
<div id="abc1" style="display:block">
質問２
</div>
<div id="abc2" style="display:block"> </div>
</form>
最初は質問２が消えた状態にしたいのですが、このままの状態では、idがabc1とabc2の両方が表示された状態のようで、質問１をいったん「はい」にした後に「いいえ」にしないと質問２が消えません。
onClickだから当然だといえば当然だと思いますが、最初からこのJAVAスクリプトを読み込んで、実行してもらいたいのですがどうして良いか解決できません。
どなたか教えて下さい。
ネットでがんばって調べたのですが、ジャバは知識があまりにも薄く何とキーワードを入れていいかも分からずこれといったヒントが出てきません。
お礼
回答ありがとうございます。 javaとjavascriptが違うということは理解しています。 文面をきちんと書くべきでした。 ところでonloadをbodyに入れれば良かったんですね。 ありがとうございます。 すんなり解決できました。