diff --git a/plugins/jspsych-survey-multi-select.js b/plugins/jspsych-survey-multi-select.js index 5d2dbdfe..75f1b9d4 100644 --- a/plugins/jspsych-survey-multi-select.js +++ b/plugins/jspsych-survey-multi-select.js @@ -88,7 +88,7 @@ jsPsych.plugins['survey-multi-select'] = (function() { var preamble_id_name = _join(plugin_id_name, 'preamble'); trial_form.innerHTML += '
'+trial.preamble+'
'; - // add multiple-choice questions + // add multiple-select questions for (var i = 0; i < trial.questions.length; i++) { // create question container var question_classes = [_join(plugin_id_name, 'question')]; @@ -103,12 +103,12 @@ jsPsych.plugins['survey-multi-select'] = (function() { // add question text display_element.querySelector(question_selector).innerHTML += '

' + trial.questions[i] + '

'; - // create option radio buttons + // create option check boxes for (var j = 0; j < trial.options[i].length; j++) { var option_id_name = _join(plugin_id_name, "option", i, j), option_id_selector = '#' + option_id_name; - // add radio button container + // add check box container display_element.querySelector(question_selector).innerHTML += '
'; // add label and question text @@ -130,7 +130,7 @@ jsPsych.plugins['survey-multi-select'] = (function() { } // add submit button trial_form.innerHTML +='
' - trial_form.innerHTML += ''; + trial_form.innerHTML += ''; trial_form.addEventListener('submit', function(event) { event.preventDefault(); @@ -152,6 +152,7 @@ jsPsych.plugins['survey-multi-select'] = (function() { obje[id] = val; Object.assign(question_data, obje); }) + // adds validation to check if at least one option is selected if(!val.length) { var inputboxes = display_element.querySelectorAll("input[type=checkbox]") display_element.querySelector(".fail-message").innerHTML = '*please select at least one option!'; @@ -172,4 +173,4 @@ jsPsych.plugins['survey-multi-select'] = (function() { }; return plugin; -})(); \ No newline at end of file +})();