Collection of free jQuery checkbox examples and plugins: simple, nested, multiple, for images, for tables and other checkboxes

Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.

Switch, Checkbox, Radio Button

Switch, Checkbox, Radio Button

Author:
Sticky Biscuits | June 10, 2021
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
feather-icons.js

Happy Little Checkboxes

Author:
Branko Stancevic | February 10, 2017
Made with:
HTML (Pug) / CSS (Sass) / JS

About a code

Animated checkboxes with little jQuery.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css

Variable Based Inputs - Checkbox/Radio/Toggle Switches

Author:
James Gilmore | January 6, 2016
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

Checkbox Animation

Author:
Hoonseok Park | October 29, 2015
Made with:
HTML / CSS / JS

About a code

Checkbox design with jQuery. Click on the box!

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

jQuery Animated Checkboxes

Author:
Jarad Light | September 8, 2014
Made with:
HTML / CSS (SCSS) / JS

About a code

Just some simple animated toggle elements.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css
Labelauty jQuery Plugin

Labelauty jQuery Plugin

Author:
Francisco Neves | August 31, 2013
Made with:
895 stars41 watchers

About a code

A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs.

Checkboxes.js

Checkboxes.js

Author:
Rubens Mariuzzo | June 17, 2013
Made with:
105 stars8 watchers

About a code

A jQuery plugin that gives you nice powers over your checkboxes.

MultiPicker

MultiPicker

Author:
Stepan | October 6, 2015
Made with:
77 stars6 watchers

About a code

Multipicker is jQuery plugin for selecting days, numbers or other elements, it supports multi selecting (like checkboxes) or single element selection (like radio buttons).

Checkboxradio

Checkboxradio

Author:
Filament Group | January 30, 2014
Made with:
49 stars11 watchers

About a code

jQuery plugin for progressively enhanced radio buttons and checkboxes.

jQuery DataTables Checkboxes

jQuery DataTables Checkboxes

Author:
Gyrocode | April 29, 2016
Made with:
44 stars6 watchers

About a code

Checkboxes is an extension for the jQuery DataTables library that provides universal solution for working with checkboxes in a table.

jQuery Tristate Checkbox Plugin

jQuery Tristate Checkbox Plugin

Author:
Jeff L | September 21, 2011
Made with:
37 stars3 watchers

About a code

jquery.tristate.js is a jquery plugin for adding "tristate" indeterminate functionality to checkboxes in nested lists.

alt-checkbox

alt-checkbox

Author:
Vacheslav Starikov | February 7, 2013
Made with:
31 stars2 watchers

About a code

Style checkbox with CSS and Icon Fonts with help of alt-checkbox jQuery plugin. It's a nice alternative for standard html checkbox.

imgCheckbox

imgCheckbox

Author:
James Cuénod | June 10, 2015
Made with:
23 stars4 watchers

About a code

imgCheckbox is a jQuery plugin that makes img tags checkable (much like Google's recaptcha image selection tool).

Bootstrap Checkbox

Bootstrap Checkbox

Author:
Vasilii Artemchuk | August 4, 2013
Made with:
20 stars186 watchers

About a code

A checkbox component based on Bootstrap framework.

Deep Checkbox

Deep Checkbox

Author:
Semyon V | September 9, 2014
Made with:
19 stars4 watchers

About a code

jQuery plugin that brings some logic to nested checkboxes.

LC Switch

LC Switch

Author:
Luca | January 24, 2015
Made with:
9 stars2 watchers

About a code

Superlight jQuery plugin improving forms look and functionality.

About a code

Give a modern and flat look to your applications and take advantage of events and public functions. Everything in just 5KB, all inclisive.

iosCheckbox.js

iosCheckbox.js

Author:
Ron Masas | October 30, 2014
Made with:
7 stars2 watchers

About a code

A jQuery plugin that transform any checkbox element into a beautiful ios style checkbox.

jQuery asChoice

jQuery asChoice

Author:
TheCreation | April 10, 2013
Made with:
4 stars3 watchers

About a code

A jquery item choice plugin for easily choose one or multi-item.

Simple Switch

Simple Switch

Author:
hiooyUI | March 30, 2016
Made with:
4 stars1 watchers

About a code

A simple switch jQuery plugin to beautify your checkbox.

TinyToggle

TinyToggle

Author:
Simone Righi | August 27, 2015
Made with:
3 stars2 watchers

About a code

jQuery plugin to create a flexible and modern checkbox input.

About a code

TinyToggle is a simple and useful plug-in to mask the checkboxes html inputs tag in your html projects. You can choose from 13 different icons sets available, you can also customize colors palette and size as you like.

About a code

TinyToggle is based on web fonts css it's easy to use and light to include in your project.

img-checkbox

img-checkbox

Author:
Dmitry | August 14, 2017
Made with:
2 stars1 watchers

About a code

Img-checkbox is a jQuery-based replacement for input checkboxes. It supports image, fontawesome, and custom content as input.

Checks Plugin

Checks Plugin

Author:
Vic | August 28, 2017
Made with:
2 stars1 watchers

About a code

Lightweight plugin checkboxes and radio buttons for jQuery and Zepto.

Checktree

Checktree

Author:
Raviteja Valluri | October 30, 2014
Made with:
1 stars1 watchers

About a code

It is a JQuery plugin which provides Checktree functionality.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨