Radio Buttons and Check Boxes are widely used in most of the assessment types. But as always, I wanted to create something different 😛
So I thought, why not try toggle switches for Single Select and Multi Select Assessments.
There is nothing much to explain here.
In the above sample project, you have to click on any toggle switch to enable the SUBMIT button.
If your answer is correct you will see a check mark and the NEXT button gets enabled, which when clicked, takes you to the next assessment, else you will see a cross mark
and RETRY button gets enabled.
You will have three tries at most. If you don’t get the correct answer in three tries, the NEXT button gets enabled and check marks against the correct answers are displayed.
Final Output (HTML5): https://goo.gl/5XQq5C