Backbone Forms Checkboxes example

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/powmedia/backbone-forms/feature/templates/src/backbone-forms.js"></script>
<script src="https://raw.github.com/powmedia/backbone-forms/feature/templates/src/jquery-ui-editors.js"></script>
<link rel="stylesheet" href="https://raw.github.com/powmedia/backbone-forms/65a246df4e4413234d328db3a894bb9d3612af3f/src/backbone-forms.css">
<html>
<body></body>
</html>

JavaScript

var Model = Backbone.Model.extend({
    schema: {
        country: { type: 'Checkboxes', options: ['UK', 'US', 'Canada'] }
    },
    
    defaults: {
        country: ['UK', 'Canada']
    }
});

var model = new Model;

var form = new Backbone.Form({
    model: model
}).render();

$('body').append(form.el);