Checkbox

Checkbox is a plugin for attaching form events to UI checkbox

UI checkboxes do not need javascript to function correctly, checkboxs can be triggered by matching the label's for attribute to the id tag of an input field

However, there may be situations where it is less work to use javascript to initialize a checkbox then to manually assign ID tags to each field, or you might want to programmatically trigger the checkbox state. In these cases the checkbox module may be useful.

Examples

Initializing a check box

$('.ui.checkbox') .checkbox() ;

Check Box

The html required for a standard UI checkbox

Radio Box

The html required for a standard UI radio box

A radio box is just a reskinned version of a checkbox, the initialization of the module is the same.

Getting Started

The plugin must be initialized once before methods can be accessed

$('.ui.checkbox') .checkbox() ;

You can enable a checkbox programmatically using the enable method

$('.ui.checkbox') .checkbox('enable') ;

You can enable all checkboxes initialized at the same time by calling the enableAll method

$('.ui.checkbox') .checkbox('enableAll') ;

You can disable a checkbox programmatically using the disable method

$('.ui.checkbox') .checkbox('disable') ;

You can disable all checkboxes initialized at the same time by calling the disableAll method

$('.ui.checkbox') .checkbox('disableAll') ;

Defaults

Callbacks
onChange None Callback after a checkbox is either disabled or enabled.
onEnable None Callback after a checkbox is enabled.
onDisable None Callback after a checkbox is disabled.
UI Module Settings
moduleName Checkbox Name used in debug logs
debug True Provides standard debug output to console
performance False Provides standard debug output to console
verbose False Provides ancillary debug output to console
namespace checkbox Event namespace. Makes sure module teardown does not effect other events attached to an element.
errors
errors : { method : 'The method you called is not defined.' }