チェックボックスのvalueに複数の値を設定したい

前提・実現したいこと

チェックボックスのvalueに複数の変数let a,b,c,dの値を設定したいです
複数の値を設定、処理、取得ができるのであればvalueでなくても大丈夫です

発生している問題・エラーメッセージ

複数の値の設定方法がわからない

該当のソースコード

javascript
1var a,b,c,d;
2document.write('<input type= "checkbox" name="test" id="test"' +
3    ' value="' + a + '" >' + a + "<br>");
4//aのみ設定されている状態

試したこと

色々調べましたが解決方法がわかりません

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

html,javascript初心者です。

追記：
a,bには整数の値のみが入ります

htmlにて、ランダムなa,b,c,dの4つの値の組み合わせ(1,2,3,4や5,6,7,8など)を一定数一覧として表示させ、
チェックボックスを用いてa,b,c,dの組み合わせから任意のもの(1,2,3,4のみチェック)を選択
jsを用いてその組み合わせを取得、選択したものだけ改めて表示する

という機能を実現したいです

hoshi-takanori

2021/12/30 18:28

チェックボックスの value には複数の複数の値は入らないので、例えば , などで区切って入れることが考えられますが、a や b などの値自体に , が入る可能性があるならエスケープする必要があるかと。というか、その値をどこ (ブラウザ or サーバー) で処理、取得したいのでしようか？

退会済みユーザー

2021/12/30 18:35

ありがとうございます。 a,bには整数の値のみが入ります htmlにて、ランダムなa,b,c,dの4つの値の組み合わせ(1,2,3,4や5,6,7,8など)を一定数一覧として表示させ、チェックボックスを用いてa,b,c,dの組み合わせから任意のもの(1,2,3,4のみチェック)を選択 jsを用いてその組み合わせを取得、選択したものだけ改めて表示するという機能を実現したいです

hoshi-takanori

2021/12/30 18:44

a, b, c, d がそれぞれ 1, 2, 3, 4 として、a 〜 d に対応するチェックボックスを 4 つ用意して、それぞれに 1 〜 4 の値を設定すれば、一つのチェックボックスの値は一つで良いのでは…。

退会済みユーザー

2021/12/30 18:56 編集

ありがとうございます。 4つの値を1つの組として利用したいです。イメージとしては []1,2,3,4 []5,6,7,8 []1,3,5,7 から任意の組みを選び(組み合わせから選別する) なおかつ1,2,3,4や5,6,7,8という1文のテキストではなく、組(1と2と3と4)や組(1と3と5と7)というそれぞれの値を取得、選別されたものだけ再表示したいです。またそれぞれの組み合わせを用いてa+bなど計算をしたいため、個別に処理ができるようにしたいです。 []1,2,3,4 []5,6,7,8 []1,3,5,7 選別後改めて表示かつ計算処理 1+2+3+4=10 1+3+5+7=16

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

回答1件

ベストアンサー

JavaScript の方に候補と合計のリストを用意しておいて
HTML の valueにはそれを識別する id的なものを持たせておく
てのはどうですかね?
--- 追記 ---
なんとなくチェックボックスよりラジオボタンじゃね?

html
1<input type= "radio" name="test" id="test" value="c1" ><span id="s1"></span><br>
2(中略)
3<input type= "radio" name="test" id="test" value="c10" ><span id="s10"></span><br>

上記をあらかじめ用意して

javascript
1var koho = {'c1':[1,2,3,4],'c2':[5,6,7,8], (中略) ,'c10':[2,3,4,5]}; //ランダムに決めた候補一覧
2
3for (let i=1;i<=10;i++) {
4    let [a,b,c,d] = koho['c'+i];
5    document.getElementById('s'+i).value = '' + a + ',' + b + ',' + c + ',' + d;
6}