JSの多次元配列のcheck取得

inputの2次元配列のデータの入力チェックをJSで実行しようとするとエラーが出る
Cannot read property 0 of undefined

--Javascript入力チェック
if(document.form1['mt_xxx[0][mt_kind][0]'].checked != true){ err_msg = err_msg + "種類を選択してください。\n";}
if(document.form1['mt_xxx[0][mt_kind][1]'].checked != true){ err_msg = err_msg + "種類を選択してください。\n";}
if(document.form1['mt_xxx[0][mt_kind][2]'].checked != true){ err_msg = err_msg + "種類を選択してください。\n";}

JSの3次元配列の表記が分からず
[mt_xxx[0][mt_kind][0]
mt_xxx.0.mt_kind.0
など試したのですが値参照時にエラーになります

int32_t

2021/02/17 15:42

HTMLとJavaScriptコードを過不足なく開示してください。

HiroCTRL

2021/02/17 19:42

--HTMLのチェックボックス（PHPでループ出力） <input type="checkbox" name="mt_xxx[0][mt_kind][]" value="1" />選択肢１ <input type="checkbox" name="mt_xxx[0][mt_kind][]" value="2" />選択肢２ <input type="checkbox" name="mt_xxx[0][mt_kind][]" value="3" />選択肢３ --Javascript入力チェック if(document.form1['mt_xxx[0][mt_kind][0]'].checked != true){ err_msg = err_msg + "種類を選択してください。\n";} if(document.form1['mt_xxx[0][mt_kind][1]'].checked != true){ err_msg = err_msg + "種類を選択してください。\n";} if(document.form1['mt_xxx[0][mt_kind][2]'].checked != true){ err_msg = err_msg + "種類を選択してください。\n";}

HiroCTRL

2021/02/17 19:43

よろしくお願いいたします

int32_t

2021/02/17 23:39

質問本文を更新してくださいませ。

行動規範の内容に同意します

回答1件

ベストアンサー

HTMLのname属性の値は単なる文字列で、JavaScriptから見て何ら特別な意味はありません。配列の記号 [] が入っていても、配列として機能するわけではありません。ですので、form1からチェックボックスを取り出すときはname属性の値をそのまま書く必要があります。

javascript
1document.form1['mt_xxx[0][mt_kind][]']

で、この取り出した結果に対して配列のようなアクセスが可能です。

javascript
1let checkboxes = document.form1['mt_xxx[0][mt_kind][]'];
2if (!checkboxes[0].checked) {
3  err_msg = err_msg + "種類 を選択してください。\n";
4}
5if (!checkboxes[1].checked) {
6  err_msg = err_msg + "種類 を選択してください。\n";
7}
8if (!checkboxes[2].checked){
9  err_msg = err_msg + "種類 を選択してください。\n";
10}