javascriptでdocument.write('<input type="radio" name="an[i]" value="1" />Yes');を解決したい

Question

前提・実現したいこと

Javascriptでアンケートを作っています。
10個の質問をYes,Noで答えるようにしたいのですが、うまくいきません。
プログラム中の name="an[i]" の値を取得できません。取得した値はすべて、an[i]となっている。
an[1],an[2]・・・・an[10]　のような値を得たい。
このような書き方はできないのでしょうか。解決方法を教えてください。

■■な機能を実装中に以下のエラーメッセージが発生しました。

取得した値はすべて、an[i]となっている。

該当のソースコード

for(i = 1 ; i < kamoku.length ; i++ ){
document.write(monndai[i]);
document.write('<input type="radio" name="an[i]" value="1" />Yes');
document.write('<input type="radio" name="an[i]" value="0" checked />No');
}

試したこと

本やネット情報で解決を試みようとしましたが、目的の情報に出会えませんでした。

補足情報（FW/ツールのバージョンなど）

ブラウザ　Chrome、

Comments

[m.ts10806]

kamokuのlengthをとっているのにmonndaiのi番目をとるのは用途が良くわかりません。どこにも「プログラム中の name="an[i]" の値を取得」のような書き方はされていないようですが。

[m.ts10806]

プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）

Answer 1

サブミットした先で何かをしたいのでしょうか？

document.write('<input type="radio" name="an[i]" value="1" />Yes');

仮にPHPで受けるとするとan[i]という名前で渡しても仕方ないですね

• 「an[]」とするか
• iを数値に展開した処理

document.write('<input type="radio" name="an['+i+']" value="1" />Yes');

のようにしないといけません。
ただ、document.writeでhtmlの書き換えをするのはちょっと全時代的なので
別の方法を検討した方がよいでしょう

Comments

[yambejp]

よく考えれば「an[]」にしてしまうとラジオボタンが他のものと
競合しってしまうのでNGですね

[m.ts10806]

次に質問あがってくるの確定ですね。

[cat_tom]

yambejpさん、ありがとうございます。mts10806さんも指摘されているので、document.writeでhtmlを書き換えることを別の方法で考えることにします。

Answer 2

変数を文字列内に埋め込むやり方が間違っています

document.write('<input type="radio" name="an[i]" value="1" />Yes');
document.write('<input type="radio" name="an[i]" value="0" checked />No');

↓

document.write('<input type="radio" name="an['+i+']" value="1" />Yes');
document.write('<input type="radio" name="an['+i+']" value="0" checked />No');

ただ、そもそもdocument.write()を使うのが適当かどうかというところから検討が必要そうです。

Comments

[cat_tom]

mts10806さん、ありがとうございます。解決しました。

[m.ts10806]

yambejpさんから指摘があるようにこの[]付のnameのつけ方では正しく各質問に対する回答を選ぶ形になりません。
チェックボックスの使い方となっています。