Checkbox and Radio Button Options

The Checkbox and Radio Button has the following options:

initSelector CSS selector string
default: "input[type='checkbox'],input[type='radio']"

The initSelector defines the selectors that are used to trigger the automatic initialization of checkbox and radio buttons.

To override this selector, bind to the mobileinit event and update the selector as necessary:


$(  document   ).bind( "mobileinit",  function(){
    $.mobile.checkboxradio.prototype.options.initSelector  = "...";
});

theme  string
default: null.  Inherited from  parent.

Sets the theme scheme for the checkbox or radio button.

This is a letter from a to z.

By default, this will inherit the same swatch color as its parent container.

This option is also exposed as a data attribute: data-theme="a".

$( "#element1" ).checkboxradio({ theme: "a" });

Home »
jQuery Mobile »
Tutorial »