PrettyCheckable 2.1.2 demos

PrettyCheckable, an awesome javascript library aiming at consistent styling for Checkboxes & Radio buttons across browser vendors & versions.

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prettyCheckable/2.1.2/prettyCheckable.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettyCheckable/2.1.2/prettyCheckable.min.js"></script>
<p>See doc for PrettyCheckable on:</p>
<ul>
<li><a href="http://arthurgouveia.com/prettyCheckable/" target="_blank">arthurgouveia.com/prettyCheckable/</a></li>
  <li><a href="https://github.com/arthurgouveia/prettyCheckable" target="_blank">github.com/arthurgouveia/prettyCheckable</a></li>
</ul>
<br>

<p>Checkboxes examples:</p>

<input type="checkbox" data-label="Check out this cool checkbox" />
<br>
<input type="checkbox" data-label="Check out this other checkbox" />
<br>
<br>
<p>Radio buttons examples:</p>

<input type="radio" data-label="Check out this cool radio button" />
<br>
<input type="radio" data-label="Check out this other radio button" />

JavaScript

/* Initialize checkboxes & radio-buttons */
$(function() {

  $('input:checkbox').each(function() {
  	$(this).prettyCheckable();
  });

	$('input:radio').each(function() {
  	$(this).prettyCheckable();
  });
  
});
/* END: Initialize checkboxes & radio-buttons */