Skip to content
A jquery plugin that turns multiselect fields into a field of checkboxes.
JavaScript
Find file
Latest commit fab6e72 Feb 9, 2013 @Swizec License change to MIT
Failed to load latest commit information.
css documentation Apr 13, 2012
img bootstrap Apr 13, 2012
js stylistic code fixes Apr 13, 2012
src stylistic code fixes Apr 13, 2012
README.md License change to MIT Feb 9, 2013
index.html menu wasn't working Apr 13, 2012

README.md

Checkbox-field

This is a simple javascript thing for turning awkward multiselects into something users can understand and you can work with.

It depends on Backbone, Handlebars and jQuery.

You can see it in action over here: http://swizec.github.com/checkbox-field/

Installation

  • Get the source
  • Add Backbone -> http://backbonejs.org/
  • Add Handlebars -> http://handlebarsjs.com/
  • Add a template for checkboxes

    <div id="checkbox-template" style="display:none">
      <div style="display:inline-block">
        <input type="checkbox" id="checkbox_{{id}}" />
        <label for="checkbox_{{id}}">{{label}}</label>
      </div>
    </div>
    
  • You're done!

Usage

$("#my_selector").checkboxField();

// there are also some options
$("#my_selector").checkboxField({
    // a handlebars template for the checkboxes (default: #checkbox-template)
    template: "#checkbox-template",

    // placeholder for checkboxes (default: one is created)
    checkboxes: null,

    // hide the original multiselect or not (default: yup)
    hide: true

    // display "select all" (default: true)
    show_select_all: true

    // labels for select_all control
    select_all: "Select all",
    deselect_all: "Deselect all"
});

License

MIT

Something went wrong with that request. Please try again.