How to hide multiple choice buttons | XM Community
Skip to main content
Hi,



I need my participants to press keys on the keyboard to answer the questions. I'm using multiple choice questions with keyboard responses (using javascript). Now I just need to hide the multiple choice buttons. Here's a screenshot of where I am:



!



I'd like to hide those two buttons.

The javascript code I used for keyboard response is:



Qualtrics.SurveyEngine.addOnload(function() {

this.hideNextButton();



this.hidePreviousButton();



var that = this;



Event.observe(document, 'keydown', function keydownCallback(e) {



var choiceID = null;



switch (e.keyCode) {



case 80: // 'p' was pressed



choiceID = 1;



break;



case 78: // 'n' was pressed



choiceID = 2;



break;



}



if (choiceID) {



Event.stopObserving(document, 'keydown', keydownCallback);



that.setChoiceValue(choiceID, true);



that.clickNextButton();



}

});
Hi,



here is the complete code that you need to put in JS editor, refer last three lines of code to hide the buttons.





Qualtrics.SurveyEngine.addOnload(function()

{

/*Place your JavaScript here to run when the page loads*/



this.hidePreviousButton();



var that = this;



Event.observe(document, 'keydown', function keydownCallback(e) {



var choiceID = null;



switch (e.keyCode) {



case 80: // 'p' was pressed



choiceID = 1;



break;



case 78: // 'n' was pressed



choiceID = 2;



break;



}



if (choiceID) {



Event.stopObserving(document, 'keydown', keydownCallback);



that.setChoiceValue(choiceID, true);



that.clickNextButton();



}

});

var v = document.getElementsByClassName('MultipleAnswer');

for (i = 0; i < v.length; i++) {

v[i].style.visibility = "hidden";

}


});

Leave a Reply