Sets or gets the change function. It is called when a value is changed and the changed item is passed as parameter. The item argument has the following properties: enabled: boolean, encode: boolean, label: string, value: string, cssClass: string and checked: boolean.

Code example:

$('#myCheckBoxGroup').jqxCheckBoxGroup({change: (item) => {  }});

Sets or gets whether the CheckBoxGroup is disabled.

Code example:

disabled is set to true

$('#myCheckBoxGroup').jqxCheckBoxGroup({disabled: true});

Sets or gets the items. Each item could be a string or an object. The object has the following properties: enabled: boolean, encode: boolean, label: string, value: string, cssClass: string and checked: boolean.

Code example:

Sets or gets the items

$('#myCheckBoxGroup').jqxCheckBoxGroup({items: [{label: 'Item 1', value: '1'}, {label: 'Item 2', value: '2'}]});

Sets or gets the value array. This property determines the checked item(s).

Code example:

Sets or gets the value

$('#myCheckBoxGroup').jqxCheckBoxGroup({value: ['1']});

Sets or gets the items layout. It can be 'horizontal' or 'vertical'.

Code example:

Sets or gets the layout property.

$('#myCheckBoxGroup').jqxCheckBoxGroup({layout: horizontal});

Sets or gets the items label position. It can be 'before' or 'after'.

Code example:

Sets or gets the labelPosition property.

$('#myCheckBoxGroup').jqxCheckBoxGroup({labelPosition: before});

Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.

Code example:

rtl is set to true

$('#jqxCheckBoxGroup').jqxCheckBoxGroup({rtl : true}); 

Sets the widget's theme.

• Include the theme's CSS file after jqx.base.css.
  The following code example adds the 'material' theme.

  
  <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
  <link rel="stylesheet" href="../../jqwidgets/styles/jqx.material.css" type="text/css" />
  
  

• Set the widget's theme property to 'material' when you initialize it.

Code example:

theme is set to 'material'

$('#myCheckBoxGroup').jqxCheckBoxGroup({theme: material});

Gets the value.

Gets an item value at index.

Enables an item at index.

Disables an item at index.

Checks an item at index.

Unchecks an item at index.

Unchecks all items.

Checks all items.

Checks an item by value.

Unchecks an item by value.

Disables the CheckBoxGroup.

Destroys the widget.

Code examples

Invoke the destroythod.

$('#jqxCheckBox').jqxCheckBoxGroup('destroy'); 

Enables the CheckBoxGroup.

Renders the widget.

Code examples

Invoke the render method.

$('#jqxCheckBox').jqxCheckBoxGroup('render'); 

Sets or gets the value.