Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.
Best jQuery Checkbox Plugins & Tutorials with Demo
Smart Forms with jQuery Html5 & CSS3
Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.
Features:
- Multiple form inputs
- File inputs / uploaders
- CSS3 checkboxes + Radios
- CSS3 toggle switches
- CSS3 review & rating
- Tooltips + vector icons
- Notification alerts
- CSS3 multi shape buttons
- Animated progress bars
- Simple pricing tables
- Ajax form processing
- Input masking
- PHP CAPTCHA with refresh support
- 40+ starter templates included
- Date & time picker widgets
Multi-Item Selection with JavaScript
Today we’d like to share a little script with you that allows a click & hover selection of checkboxes or any other element. Mainly the idea comes from the common task that we do every day in our email app or elsewhere: checking checkboxes, one after the other by clicking on them. Sometimes you’d like to select more items more quickly so we thought it might be an interesting approach to click, hold and then simply move over all the items that should be selected. It’s quicker and easier to select multiple items like that.
Please note that this is for desktop only.
Animated Checkboxes and Radio Buttons with SVG
By animating an SVG path with JavaScript, we can do many fancy things. Today we want to show you some effects for checkboxes and radio buttons. The idea is to hide the inputs, use pseudo-elements to create a more appealing style and then animate the SVG paths once an input is selected.
Ion.CheckRadio : jQuery plugin for styling checkboxes and radio-buttons
jQuery plugin for styling checkboxes and radio-buttons.
- Ion.CheckRadio — nice and easy jQuery-plugin for checkbox and radio-buttons customization.
- With skin support
- Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
- Ion.CheckRadio supports touch-devices (iPhone, iPad, etc.).
- Ion.CheckRadio freely distributed under terms of MIT licence.
cbFamily : jQuery Checkbox group (parent/children) functionality
Checkbox group (parent/children) functionality. Makes a checkbox parent of other checkboxes.
- If the parent is clicked the children are checked/unchecked based on the parent.
- If all the children are checked, parent gets checked too.
- If there is an unchecked item in the children and if the parent is checked, it gets unchecked.
childrencan be a function. In this case, that function is run agaist the parent in order to find the children. This is useful for groups of checkboxes.- Checks/unchecks parent based on the initial status of its children at start.
Sliding Checkbox Actions menu with jQuery
In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the user to scroll to the place where the actions are – they just appear whenever the user needs them.
Additionally, the user can drag the actions box to the place that is more practical for him, and the box will always follow when the user scrolls the page. It will also show a count of how many checkboxes were selected.
