Get started with survey-jquery CDN

MIT licensed

Lightweight jQuery plugin: Survey creation, validation, dynamic questions, data submission.

Tags:
  • Survey
  • JavaScript
  • Bootstrap
  • Library
  • jquery
  • jquery-plugin

Stable version

Copied!

How to start using survey-jquery CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with survey-jquery CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
    <script src="https://cdn.cdnhub.io/survey-jquery/1.9.134/survey.jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container mt-5">
        <h1 class="text-center mb-5">Survey Example</h1>
        <div id="surveyContainer"></div>

        <script>
            $(document).ready(function () {
                // Define the survey model
                var surveyModel = {
                    title: "My Survey",
                    pages: [
                        {
                            name: "page1",
                            elements: [
                                {
                                    type: "text",
                                    name: "question1",
                                    title: "What is your favorite color?"
                                },
                                {
                                    type: "radio",
                                    name: "colorQuestion",
                                    title: "Choose your favorite color",
                                    choices: [
                                        { value: "red", text: "Red" },
                                        { value: "green", text: "Green" },
                                        { value: "blue", text: "Blue" }
                                    ]
                                }
                            ]
                        }
                    ]
                };

                // Initialize the survey with the model
                $("#surveyContainer").Survey({ model: surveyModel });
            });
        </script>
    </div>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions

0.10.3 0.10.4 0.11.0 0.11.1 0.12.0 0.12.1 0.12.10 0.12.11 0.12.12 0.12.13 0.12.14 0.12.15 0.12.16 0.12.17 0.12.18 0.12.19 0.12.2 0.12.20 0.12.21 0.12.22 0.12.23 0.12.24 0.12.25 0.12.26 0.12.27 0.12.28 0.12.29 0.12.3 0.12.30 0.12.31 0.12.32 0.12.33 0.12.34 0.12.35 0.12.36 0.12.4 0.12.5 0.12.6 0.12.7 0.12.8 0.12.9 0.95.0 0.96.0 0.96.1 0.96.2 0.96.3 0.97.0 0.98.0 0.98.1 0.98.2 0.98.3 0.98.4 0.98.5 0.98.6 0.98.7 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.20 1.0.21 1.0.22 1.0.23 1.0.24 1.0.25 1.0.26 1.0.27 1.0.28 1.0.29 1.0.3 1.0.30 1.0.31 1.0.32 1.0.33 1.0.34 1.0.35 1.0.36 1.0.37 1.0.38 1.0.39 1.0.4 1.0.40 1.0.41 1.0.42 1.0.43 1.0.44 1.0.45 1.0.46 1.0.47 1.0.48 1.0.49 1.0.5 1.0.50 1.0.51 1.0.52 1.0.53 1.0.54 1.0.55 1.0.56 1.0.57 1.0.58 1.0.59 1.0.6 1.0.60 1.0.61 1.0.62 1.0.63 1.0.64 1.0.65 1.0.66 1.0.67 1.0.68 1.0.69 1.0.7 1.0.70 1.0.71 1.0.72 1.0.73 1.0.74 1.0.75 1.0.76 1.0.77 1.0.78 1.0.79 1.0.8 1.0.80 1.0.81 1.0.82 1.0.83 1.0.84 1.0.85 1.0.86 1.0.87 1.0.88 1.0.89 1.0.9 1.0.90 1.0.91 1.0.92 1.0.93 1.0.94 1.0.95 1.0.96 1.0.97 1.0.98 1.0.99 1.1.0 1.1.1 1.1.10 1.1.11 1.1.12 1.1.13 1.1.14 1.1.15 1.1.16 1.1.17 1.1.18 1.1.19 1.1.2 1.1.20 1.1.21 1.1.22 1.1.23 1.1.24 1.1.25 1.1.26 1.1.27 1.1.28 1.1.29 1.1.3 1.1.30 1.1.31 1.1.32 1.1.33 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.10.1 1.10.2 1.10.3 1.10.4 1.10.5 1.10.6 1.11.1 1.11.10 1.11.11 1.11.12 1.11.13 1.11.14 1.11.2 1.11.3 1.11.4 1.11.5 1.11.6 1.11.7 1.11.8 1.11.9 1.12.1 1.12.10 1.12.11 *** 1.12.12 1.12.2 1.12.3 1.12.4 1.12.5 1.12.6 1.12.7 1.12.8 1.12.9 1.5.0 1.5.1 1.5.10 1.5.11 1.5.12 1.5.13 1.5.14 1.5.15 1.5.16 1.5.17 1.5.18 1.5.19 1.5.2 1.5.20 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 1.7.1 1.7.10 1.7.11 1.7.12 1.7.13 1.7.14 1.7.15 1.7.16 1.7.17 1.7.18 1.7.19 1.7.2 1.7.20 1.7.21 1.7.22 1.7.23 1.7.24 1.7.25 1.7.26 1.7.27 1.7.28 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.8.0 1.8.1 1.8.10 1.8.11 1.8.12 1.8.13 1.8.14 1.8.15 1.8.16 1.8.17 1.8.18 1.8.19 1.8.2 1.8.20 1.8.21 1.8.22 1.8.23 1.8.24 1.8.25 1.8.26 1.8.27 1.8.28 1.8.29 1.8.3 1.8.30 1.8.31 1.8.32 1.8.33 1.8.34 1.8.35 1.8.36 1.8.37 1.8.38 1.8.39 1.8.4 1.8.40 1.8.41 1.8.42 1.8.43 1.8.44 1.8.45 1.8.46 1.8.47 1.8.48 1.8.49 1.8.5 1.8.50 1.8.51 1.8.52 1.8.53 1.8.54 1.8.55 1.8.56 1.8.57 1.8.58 1.8.59 1.8.6 1.8.60 1.8.61 1.8.62 1.8.63 1.8.64 1.8.65 1.8.66 1.8.67 1.8.68 1.8.69 1.8.7 1.8.70 1.8.71 1.8.72 1.8.73 1.8.74 1.8.75 1.8.76 1.8.77 1.8.78 1.8.79 1.8.8 1.8.9 1.9.0 1.9.1 1.9.10 1.9.100 1.9.101 1.9.102 1.9.103 1.9.104 1.9.105 1.9.106 1.9.107 1.9.108 1.9.109 1.9.11 1.9.110 1.9.111 1.9.112 1.9.113 1.9.114 1.9.115 1.9.116 1.9.117 1.9.118 1.9.119 1.9.12 1.9.120 1.9.121 1.9.122 1.9.123 1.9.124 1.9.125 1.9.126 1.9.127 1.9.128 1.9.129 1.9.13 1.9.130 1.9.131 1.9.132 1.9.133 1.9.134 1.9.135 1.9.136 1.9.137 1.9.138 1.9.139 1.9.14 1.9.15 1.9.16 1.9.17 1.9.18 1.9.19 1.9.2 1.9.20 1.9.21 1.9.22 1.9.23 1.9.24 1.9.25 1.9.26 1.9.27 1.9.28 1.9.29 1.9.3 1.9.30 1.9.31 1.9.32 1.9.33 1.9.34 1.9.35 1.9.36 1.9.37 1.9.38 1.9.39 1.9.4 1.9.40 1.9.41 1.9.42 1.9.43 1.9.44 1.9.45 1.9.46 1.9.47 1.9.48 1.9.49 1.9.5 1.9.50 1.9.51 1.9.52 1.9.53 1.9.54 1.9.55 1.9.56 1.9.57 1.9.58 1.9.59 1.9.6 1.9.60 1.9.61 1.9.62 1.9.63 1.9.64 1.9.65 1.9.66 1.9.67 1.9.68 1.9.69 1.9.7 1.9.70 1.9.71 1.9.71-31-g828ef9f53 1.9.72 1.9.74 1.9.75 1.9.76 1.9.77 1.9.78 1.9.79 1.9.8 1.9.80 1.9.81 1.9.82 1.9.83 1.9.84 1.9.85 1.9.86 1.9.87 1.9.88 1.9.89 1.9.9 1.9.90 1.9.91 1.9.92 1.9.93 1.9.94 1.9.95 1.9.96 1.9.97 1.9.98 1.9.99