Hello all,
I'd like to create a checkbox next to my question that automatically check itself after all options are checked. Is that possible?
For example, after checking all choices 1,2 and 3, I want a checkbox on the left of my question to check automatically.
Can someone please help me out?
Thanks.
Page 1 / 1
Hi, this can be put in place by including a checkbox in the question text and then using JS to check if the selected choice amount is equal to the total amount of choices and setting the checkbox to checked if true. Try adding the below to the question text using the Rich Content Editor’s HTML/Source view:
Click to write question text.<br>
<input type="checkbox" name="allcheck" id="allcheck" class="allcheck"> <label>All Checked</label>
Then add the below to the question’s JavaScript in the OnReady section:
var allcheck = document.getElementById('allcheck');
var totalchoices = jQuery("#"+this.questionId+" .ChoiceStructure").children().length;
this.questionclick = function(event,element)
{
var selChoices = this.getSelectedChoices();
var checks = selChoices.length;
if (checks === totalchoices) {
allcheck.checked = true;
} else {
allcheck.checked = false;
}
}
Finally, add the below CSS to the Style section of the Look & Feel:
#allcheck {
position: relative !important;
opacity: 1 !important;
z-index: 999 !important;
height: 20px !important;
width: 20px !important;
}
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.