HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-12 08:38:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Changes wording in comments

Browse Source
This commit is contained in:
Xiaolu bai 2017-02-13 14:46:34 -08:00 committed by GitHub
parent 4d6e253896
commit 8600afc0ca
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/jspsych-survey-multi-select.js
View File

@ -88,7 +88,7 @@ jsPsych.plugins['survey-multi-select'] = (function() {
var preamble_id_name = _join(plugin_id_name, 'preamble'); var preamble_id_name = _join(plugin_id_name, 'preamble');
trial_form.innerHTML += '<div id="'+preamble_id_name+'" class="'+preamble_id_name+'">'+trial.preamble+'</div>'; trial_form.innerHTML += '<div id="'+preamble_id_name+'" class="'+preamble_id_name+'">'+trial.preamble+'</div>';
// add multiple-choice questions // add multiple-select questions
for (var i = 0; i < trial.questions.length; i++) { for (var i = 0; i < trial.questions.length; i++) {
// create question container // create question container
var question_classes = [_join(plugin_id_name, 'question')]; var question_classes = [_join(plugin_id_name, 'question')];
@ -103,12 +103,12 @@ jsPsych.plugins['survey-multi-select'] = (function() {
// add question text // add question text
display_element.querySelector(question_selector).innerHTML += '<p id="survey-question" class="' + plugin_id_name + '-text survey-multi-select">' + trial.questions[i] + '</p>'; display_element.querySelector(question_selector).innerHTML += '<p id="survey-question" class="' + plugin_id_name + '-text survey-multi-select">' + trial.questions[i] + '</p>';
// create option radio buttons // create option check boxes
for (var j = 0; j < trial.options[i].length; j++) { for (var j = 0; j < trial.options[i].length; j++) {
var option_id_name = _join(plugin_id_name, "option", i, j), var option_id_name = _join(plugin_id_name, "option", i, j),
option_id_selector = '#' + option_id_name; option_id_selector = '#' + option_id_name;
// add radio button container // add check box container
display_element.querySelector(question_selector).innerHTML += '<div id="'+option_id_name+'" class="'+_join(plugin_id_name, 'option')+'"></div>'; display_element.querySelector(question_selector).innerHTML += '<div id="'+option_id_name+'" class="'+_join(plugin_id_name, 'option')+'"></div>';
// add label and question text // add label and question text
@ -130,7 +130,7 @@ jsPsych.plugins['survey-multi-select'] = (function() {
} }
// add submit button // add submit button
trial_form.innerHTML +='<div class="fail-message"></div>' trial_form.innerHTML +='<div class="fail-message"></div>'
trial_form.innerHTML += '<input type="submit" id="'+plugin_id_name+'-next" class="'+plugin_id_name+' jspsych-btn" value="Next"></input>'; trial_form.innerHTML += '<input type="submit" id="'+plugin_id_name+'-next" class="'+plugin_id_name+' jspsych-btn"></input>';
trial_form.addEventListener('submit', function(event) { trial_form.addEventListener('submit', function(event) {
event.preventDefault(); event.preventDefault();
@ -152,6 +152,7 @@ jsPsych.plugins['survey-multi-select'] = (function() {
obje[id] = val; obje[id] = val;
Object.assign(question_data, obje); Object.assign(question_data, obje);
}) })
// adds validation to check if at least one option is selected
if(!val.length) { if(!val.length) {
var inputboxes = display_element.querySelectorAll("input[type=checkbox]") var inputboxes = display_element.querySelectorAll("input[type=checkbox]")
display_element.querySelector(".fail-message").innerHTML = '<span style="color: red;" class="required">*please select at least one option!</span>'; display_element.querySelector(".fail-message").innerHTML = '<span style="color: red;" class="required">*please select at least one option!</span>';
@ -172,4 +173,4 @@ jsPsych.plugins['survey-multi-select'] = (function() {
}; };
return plugin; return plugin;
})(); })();