Press "Enter" to skip to content

JavaScript Library for Creating Simple Surveys

Javascript library for creating simple surveys jQuery plugin that turns survey questions stored in a JSON file into a wizard-like survey interface.

how to write your own plug in using jquery mcq, create a quiz using jquery, jquery survey plugin, surveyjs examples, jquery poll plugin, survey jquery, dynamic quiz javascript

How to make use of it:

1. Create an Html for scanning with the next/previous buttons.

<div class="question-container"></div>
<a id="backBtn" href="#" class="button">« Back</a>
<a id="nextBtn" href="#" class="button">Continue »</a>

2. Prepare the survey questions in a JSON file. The data structure should be as follows:

[{  
  "text":"What has a face and two hands but no arms or legs?",
  "id":"2",
  "break_after":true,
  "required":true,
  "type":"single-select",
  "options":[  
    "a clock",
    "a dog",
    "a couch",
    "a giraffe"
  ]},{  
  "text":"What gets wetter and wetter the more it dries?",
  "id":"3",
  "required":true,
  "type":"single-select",
  "options":[  
    "a car",
    "a towel",
    "a plane",
    "a television"
  ]},{  
  "text":"You throw away the outside and cook the inside. Then you eat the outside and throw away the inside. What did you eat?",
  "id":"4",
  "type":"single-select",
  "options":[  
    "a cucumber",
    "an ear of corn",
    "a watermelon",
    "cheese"
  ]},
  ...
}]

3. Upload the jQuery library and jQuery scan plugin to your web page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="survey.js"></script>

4. Add your own CSS to design the survey.

.question {
  ...
}

create a simple survey using jquery, survey.js Plugin/Github, survey designer


See Demo And Download

Official Website(egbertbouman): Click Here

This superior jQuery/javascript plugin is developed by egbertbouman. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.