A checkbox allows user to make a binary choice, i.e. a choice between one of two possible mutually options.

// HTML
<div class="checkbox">
    <input type="checkbox" id="checkbox1">
    <label for="checkbox1">
        Check me out
    </label>
</div>
                            

Simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps.

// HTML
<input type="checkbox"
class="js-switch" checked />

// JavaScript
var elem = document.querySelector('.js-switch');
var init = new Switchery(elem);
                            

A radio button allows the user to choose only one of a predefined set of options.

<div class="radio">
    <input type="radio" name="radio" value="2" >
    <label">
        Option
    </label>
</div>