Responsive jQuery Multiple Choice Question Plugin

An exciting 'Question Plugin' that will talk to your visitor by not only giving you utmost page-interactivity but also saving every click punched to the server.


Try to answer these questions by clicking the options provided bellow each question.

  • Name the tallest building on the earth.

    • My Home
    • Qutub Minar
    • Your Home
  • Name the tallest building on the earth.

    • My Home
    • Qutub Minar
    • Your Home


  • Works Everywhere
  • Single & Multiple Choice support
  • Images allowed as answer options
  • Use CSS
  • Callback API

How To Use

This script goes into head section
<!-- Include jQuery Library --> <script src="//"></script> <script src="//"></script> <link href="question.css" rel="stylesheet" type="text/css" /> <script src="question.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(".rstquestion").question({ Attempts: 1, OnAttempt: function (i, attemptcount, status) { } }); }); </script>
HTML Example
<div class="rstquestion"> <p>Question text comes here. You can use HTML, Images etc as well.</p> <ul> <li>Option 1</li> <li data-anwser="correct">Option 2</li> <li>Option 3</li> </ul> </div>

Usage Options

Option Default Description
Attempts 1 Integer

Number of attempts allowed to answer the question.

OnAttempt null
function(optionindex, attempcount, answerstatus) 
    /* Put your ajax code here. */ 

optionindex - index of option click by visitor. attempcount - number of attemps made. answerstatus - where clicked option is correct(true) or wrong(false).

        Exhausted: "Attempts Exhausted", 
        Correct: "&#10004;", 
        Wrong: "&#10007;" }

Exhausted label is used to denote that all attempts have exhausted. Correct label is used to denote that User has chosen correct answer. Similarly Wrong label is used to show that user have shosen wrong answer.

true | false

If set to false question will not show shake or bounce effect.


Download the files listed bellow.

For any kind of support for this script please write an email to me

Green Flower Pot
Let's Start A Project

Get a latest creative news from rudrasofttech about art, design and pop - culture.

Request Quote