simpleCheck
simpleCheck is a jQuery plugin for checkboxes, radios and switches. Easy to use with existing jQuery code. Demo
Usage
init Checkbox
$('input[type=checkbox]').simpleCheck('init');
init Radio
$('input[type=radio]').simpleCheck('init');
init Switch
var switchSettings = { isSwitch: true }; $('input[type=checkbox]').simpleCheck(switchSettings);
Disable/Enable Input
$('input[type=checkbox]').simpleCheck('disable'); //Disable $('input[type=checkbox]').simpleCheck('enable'); //Enable
or normal jQuery
$('input[type=checkbox]').prop('disabled', true); //Disable $('input[type=checkbox]').prop('disabled', false); //Enable $('input[type=checkbox]').attr('disabled', true); //Disable $('input[type=checkbox]').attr('disabled', false); //Enable
Check/Uncheck Input
$('input[type=checkbox]').simpleCheck('uncheck'); //Uncheck $('input[type=checkbox]').simpleCheck('check'); //Check
or normal jQuery
$('input[type=checkbox]').prop('checked', false); //Uncheck $('input[type=checkbox]').prop('checked', true); //Check $('input[type=checkbox]').attr('checked', false); //Uncheck $('input[type=checkbox]').attr('checked', true); //Check
Available Settings
var defaultSettings = { theme: 'light', /* 'light' or 'dark' */ isSwitch: false, /* is a switch or not (only a checkbox can be a switch)*/ checkbox: { defaultClass: 'simpleCheck', /* Default class for checkbox */ checkedClass: 'simpleCheck-checked', /* Checked class for checkbox */ disabledClass: 'simpleCheck-disabled' /* Disabled class for checkbox */ }, radio: { defaultClass: 'simpleCheck', /* Default class for radio */ radioClass: 'radio', /*Radio button class*/ checkedClass: 'simpleCheck-checked', /* Checked class for radio */ disabledClass: 'simpleCheck-disabled' /* Disabled class for radio */ }, switch: { defaultClass: 'simpleCheck', /* Default class for switch */ switchClass: 'switch', /* Switch class */ checkedClass: 'simpleCheck-checked', /* Checked class for switch */ disabledClass: 'simpleCheck-disabled' /* Disabled class for switch */ } };
Events
simpleCheckStateChanged
Triggered when the check state of a checkbox, radio or switch is changed.
simpleEnableStateChanged
Triggered when the check state of a checkbox, radio or switch is changed.
simpleChecked
Triggered when the check state of a checkbox, radio or switch is changed.
simpleUnchecked
Triggered when the check state of a checkbox, radio or switch is changed.
simpleEnabled
Triggered when the check state of a checkbox, radio or switch is changed.
simpleDisabled
Triggered when the check state of a checkbox, radio or switch is changed.