ion-checkradio

Ion.CheckRadio 2.0.0

English description | Описание на русском

jQuery plugin for styling checkboxes and radio-buttons. With skin support.

Project page and demos
Download Ion.checkRadio-2.0.0.zip

Description

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.

Dependencies

jQuery 1.9+

Using script
Import this libraries:

jQuery
ion.checkRadio.min.js

And CSS:

normalize.min.css – desirable if you have not yet connected one
ion.checkRadio.css
ion.checkRadio.skinName.css

Don’t forget about skin image:

icr-skinName-skin.png – skin sprite
Or use included PSD file and draw your own skin

Recommended HTML
Radio-buttons:             !radio_text_1!            !radio_text_2! Checkboxes:            !checkbox_text_1!            !checkbox_text_1!
Regular HTML
Create checkboxes and/or radio-buttons:  Very much Sometimes Better watch movie Hate it or  Love them Like them Indifferent Hate them or drop some checkboxes:  Self Money Stuff Health Work Rest Sex
Initialize slider
// all on the page:$(“input[type=’radio’], input[type=’checkbox’]”).ionCheckRadio(); // or specific only:$(“.my_inputs”).ionCheckRadio();
Success!
Update history
Support plugin development

GitHub Repo