以下のように修正してください。
// Text/Instructions
this.options.items.push({
"type": "text",
"title": "調査",
"content": "以下の質問項目をよく読み,あなたに当てはまる選択肢をすべて選んでください。"
})
// Check all that apply
this.options.items.push({
"required": false,
"type": "checkbox",
"options": [
{
"label": "犬",
"coding": "1"
},
{
"label": "猫",
"coding": "2"
},
{
"label": "鳥",
"coding": "3"
},
{
"label": "兎",
"coding": "4"
},
{
"label": "亀",
"coding": "5"
}
],
"label": "1.飼っているのは?",
"name": "Q1",
"shuffle": false
})
以下のように表示されます。
複数の質問を追加する場合は,配列とfor文を使うのが便利です。
以下のように配列を作成します。
// Check all that apply
const items = [
'飼っているのは?',
'写真集を持っているのは?',
'大好きなのは?',
'見たことがあるのは?'
];
次に「this.options.items.push」の部分をfor文で囲み,「label」と「name」を以下のように修正します。for文を「let i = 0; i < items.length; i++」とすると配列の要素の数だけ繰り返します。
「items.length」で配列の長さを取得できます。
Array.prototype.length - JavaScript | MDN
for(let i = 0; i < items.length; i++){
this.options.items.push({
"required": false,
"type": "checkbox",
"options": [
{
"label": "犬",
"coding": "1"
},
{
"label": "猫",
"coding": "2"
},
{
"label": "鳥",
"coding": "3"
},
{
"label": "兎",
"coding": "4"
},
{
"label": "亀",
"coding": "5"
}
],
"label": i +". "+ items[i],
"name": "Q"+i,
"shuffle": false
})
}
ここまでをまとめると以下のようになります。
// Text/Instructions
this.options.items.push({
"type": "text",
"title": "調査",
"content": "以下の質問項目をよく読み,あなたに当てはまる選択肢をすべて選んでください。"
})
// Check all that apply
const items = [
'飼っているのは?',
'写真集を持っているのは?',
'大好きなのは?',
'見たことがあるのは?'
];
for(let i = 0; i < items.length; i++){
this.options.items.push({
"required": false,
"type": "checkbox",
"options": [
{
"label": "犬",
"coding": "1"
},
{
"label": "猫",
"coding": "2"
},
{
"label": "鳥",
"coding": "3"
},
{
"label": "兎",
"coding": "4"
},
{
"label": "亀",
"coding": "5"
}
],
"label": i +". "+ items[i],
"name": "Q"+i,
"shuffle": false
})
}
以下のように表示されます。