jQuery multicheck plugin demos

Basic usage

HTML

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

JavaScript

$('select').multicheck();

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').multicheck({
  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').multicheck({
  label_wrap: '<div class="checkbox"></div>'
});

Convert from

to