Multi Checkbox

Checkbox Group with two items. The second one is disabled.

<tc:selectManyCheckbox label="Checkbox Group"> Checkbox Group

Item One

Item Two (disabled)

Read Only

Item One

Item Two (disabled)

Disabled

Item One

Item Two (disabled)

To display the radio buttons horizontally use the inline="true" attribute.

Checkbox Group

One

Two

Three

Japanese Yen

Trinidad and Tobago Dollar

US Dollar

Euro

Select an animal. The selection is shown in the output field, after pressing 'Submit'.

<tc:selectManyCheckbox label="Checkbox Group" value="#{selectManyCheckboxController.animals}"> save the selected value in the controller. The available items are added with <tc:selectItem .../>. The <tc:out ... value="#{selectManyCheckboxController.animal}"/> get the value from the controller.

Checkbox Group

Cat

Dog

Fox

Rabbit

Selected Animals Submit

Select a number. Those numbers are added and displayed in the <tc:out id="resultOutput" .../>. <tc:selectManyCheckbox .../> contain a <f:ajax render="resultOutput"/>, which rerenders the output field after check/uncheck a checkbox.

Checkbox Group

One

Two

Three

Four

Result0

Attanion! The <tc:selectReference> currently works only, when the referenced component <tc:selectManyCheckbox> has set labelLayout="skip".

First and second giant planets:

Jupiter

Saturn

Discovered 1781:

Uranus

Discovered 1846:

Neptune

Submit Selected:

Attention! This example is only temporary for testing purpose. Does not currently work with Mojarra or MyFaces, but for different reasons.

Mercury

Venus

Earth

Mars

Submit Selected: