MultiCheckbox is jquery plugin which convert your multiple select in set of checkboxes

Basic usage

HTML

<select multiple="multiple">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

JavaScript

$('select').multicheckbox();

Convert from

to

Wrap checkboxes with scrolling

HTML

<select multiple="multiple">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

JavaScript

$('select').multicheckbox({scroll_wrapper_enabled: true});

Convert from

to

Bootstrap style

HTML

<select multiple="multiple">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

JavaScript

$('select').multicheckbox({
  label_wrap: '<div class="checkbox"></div>'
});

Convert from

to

Bootstrap style with label classes

HTML

<select multiple="multiple">
  <option data-label-class="label label-danger" value="red">Red</option>
  <option data-label-class="label label-primary" value="green">Green</option>
  <option data-label-class="label label-success" value="blue">Blue</option>
</select>

JavaScript

$('select').multicheckbox({
  label_wrap: '<div class="checkbox"></div>'
});