Cart Licenses Contact Support Online Creator Login/Register
Try
Free
v 1.9.38

Boolean


                        
        
            Survey.StylesManager.applyTheme("modern");
        



                
                    var json = {
  "elements": [
    {
      "type": "boolean",
      "name": "bool",
      "title": "Please answer the question",
      "label": "Are you 21 or older?",
      "isRequired": true
    }
  ]
};

                    window.survey = new Survey.Model(json);
                
        
            survey.onComplete.add(function(sender) {
            document.querySelector('#surveyResult').textContent =
            "Result JSON:\n" + JSON.stringify(sender.data, null, 3);
            });
        
        
            var app = new Vue({
            el: '#surveyElement',
            data:
            {
            survey: survey
            }
            });
        

                    
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Boolean, Vue Survey Library Example</title>
    
<meta name="viewport" content="width=device-width" />
    <script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
    <script src="/DevBuilds/survey-core/survey.core.min.js"></script>
    <script src="/DevBuilds/survey-core/survey.i18n.min.js"></script>
    <script src="/DevBuilds/survey-vue-ui/survey-vue-ui.min.js"></script>
    <link href="/DevBuilds/survey-core/modern.min.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">

</head>
<body style="margin: 0">
    
            <div id="surveyElement" style="display:inline-block;width:100%;">
                <survey :survey='survey' />
            </div>
    <div id="surveyResult"></div>

<script type="text/javascript" src="./index.js"></script>

</body>
</html>
Settings

defaultValue: (default is 'indeterminate'). The value showed by default.

var q = survey.getQuestionByName('bool');
q.clearValue();
q.defaultValue = yourvalue; 

var q = survey.getQuestionByName('bool');
q.showTitle = yourvalue;

labelTrue

var q = survey.getQuestionByName('bool');
q.labelTrue = yourvalue;

labelFalse

var q = survey.getQuestionByName('bool');
q.labelFalse = yourvalue;

Dismiss

Tell us what you think

Help us serve you better by taking this brief
survey. We are interested to learn more about
your experience of using our libraries.

We'd really appreciate your feedback.

Approximate time to complete: 2 min.

Start the survey