最後は,Pageのデフォルトの「ボタン」を非表示にします。
以下のように入力してください。
// Text/Instructions
this.options.items.push({
"type": "text",
"title": "調査",
"content": "以下の質問項目をよく読み,あなたにもっとも当てはまる選択肢を選んでください。"
})
// Multiple choice
const items = [
'わたしは犬が好きだ',
'わたしは猫が好きだ',
'わたしは鳥が好きだ',
'わたしは馬が好きだ',
'わたしは人が好きだ'
];
//各項目と尺度名を配列に格納
var itemsArray = [];
var itemNO;
for(let i = 0; i < items.length; i++){
itemNO = i + 1;
itemsArray.push(
{
"label": items[i],
"name": "Q"+itemNO
}
)
}
//ランダム順にする場合に並び替え
itemsArray = this.random.shuffle(itemsArray)
for (let i = 0; i < items.length; i++){
itemNO = i+1;
this.options.items.push({
"required": true,
"type": "radio",
"options": [
{
"label": "あてはまらない",
"coding": "1"
},
{
"label": "ややあてはまらない",
"coding": "2"
},
{
"label": "どちらでもない",
"coding": "3"
},
{
"label": "ややあてはまる",
"coding": "4"
},
{
"label": "あてはまる",
"coding": "5"
}
],
"label": itemNO +". "+ itemsArray[i].label,
"name": itemsArray[i].name,
"shuffle": false
})
}
// Raw HTML
this.options.items.push({
"type": "html",
"content": "<div class=\\"content-horizontal-center\\"><button>次へ</button></div>"
})
次の画面に進むためのボタンに関しては以下のコマンドで制御することが出来ます。
ボタンを非表示にするには以下のように入力します。
this.options.submitButtonPosition = 'hidden';
以下が完成版です。
// Text/Instructions
this.options.items.push({
"type": "text",
"title": "調査",
"content": "以下の質問項目をよく読み,あなたにもっとも当てはまる選択肢を選んでください。"
})
// Multiple choice
const items = [
'わたしは犬が好きだ',
'わたしは猫が好きだ',
'わたしは鳥が好きだ',
'わたしは馬が好きだ',
'わたしは人が好きだ'
];
//各項目と尺度名を配列に格納
var itemsArray = [];
var itemNO;
for(let i = 0; i < items.length; i++){
itemNO = i + 1;
itemsArray.push(
{
"label": items[i],
"name": "Q"+itemNO
}
)
}
//ランダム順にする場合に並び替え
itemsArray = this.random.shuffle(itemsArray)
for (let i = 0; i < items.length; i++){
itemNO = i+1;
this.options.items.push({
"required": true,
"type": "radio",
"options": [
{
"label": "あてはまらない",
"coding": "1"
},
{
"label": "ややあてはまらない",
"coding": "2"
},
{
"label": "どちらでもない",
"coding": "3"
},
{
"label": "ややあてはまる",
"coding": "4"
},
{
"label": "あてはまる",
"coding": "5"
}
],
"label": itemNO +". "+ itemsArray[i].label,
"name": itemsArray[i].name,
"shuffle": false
})
}
// Raw HTML
this.options.items.push({
"type": "html",
"content": "<div class=\\"content-horizontal-center\\"><button>次へ</button></div>"
})
this.options.submitButtonPosition = 'hidden';