#custom checkbox

[w3tweaks]

51 Cool Custom Checkbox buttons - W3TWEAKS.COM

If you're looking for a collection of custom checkboxes to spice up your forms, You don't want to search anymore, because you've found it. There are over 51

If you're looking for a collection of custom checkboxes to spice up your forms, You don't want to search anymore, because you've found it. There are over 51

[latestjqueryplugins-blog]

rcSwitcher – jQuery Radio Checkbox Switcher rcSwitcher (Radio Checkbox Switcher) is a jQuery plugin that lets you transform your input checkboxes and radios into a nice switch buttons with a nice interfaces. Demo || Download

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/artdesignui-jquery-library-to-style-web-elements/

ArtDesignUI – jQuery Library to Style Web Elements

Download   Demo

ArtDesignUI is a jQuery library for style control web elements (button, input, textarea, radio, checkbox, tab, layout, icons) that include 9 jQuery plugins.

Support IE7 or above and all major browsers (Chrome, Firefox, Opera, Safari etc)

All elements are responsive

Skin support

Class prefix to prevent conflict with classes from other CSS files

Full style control with JS – no need CSS: width, height, margin, padding, border, gradient, shadow, animation, icons, fonts, colors etc

Multiple instances

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/checkbo-jquery-plugin-for-custom-checkbox-and-radio/

checkBo – jQuery Plugin for Custom Checkbox and Radio

Download   Demo

checkBo is a lightweight jQuery plugin for custom checkbox and radio.

Features

Cross browsers: Chrome, Firefox, Safari, Opera ( PC, MACOS ). IE8+

Handheld/Touch devices support: Andriod, IOS, BlackBerry

Lightweight Plugin

Check all checkboxes

Size options: Default, Small, Medium, Large

NO classes or custom attributes are required for states:checked.

[eo-blog1]

Using Ryan Faits Custom Inputs with Multiple Classes

Ryan Fait has done a really good write up with a pretty solid chunk of code for customising checkboxes, radio buttons and dropdowns using javascript/css. The one thing that bugged me was if you needed more than one class on your input (in my case, i needed both the 'styled' class and a 'required' class to use jQuery Validate with Custom Inputs), but if you had more than one class on your input the script wouldn't fire.

Change this:

inputs[a].className == "styled"

To this:

inputs[a].className.indexOf("styled") != -1

The original problem is he only caters for if the class is one string of 'styled' by itself, this update checks if the string 'styled' is anywhere in the class.

[thedailyweb]

In CSS we have many ways to style things in any way we want. When it gets to forms though, things get a little complicated. Text inputs are easy, but checkboxes and radio buttons are very difficult to style with CSS. In this tutorial I’ll show you exactly how to style these inputs and make awesome forms with just CSS!