Checkbox

<tc:selectBooleanCheckbox label="Checkbox" value="true"/> Normal Checkbox

Read Only

Disabled

Required

Normal Checkbox

Large Label

Item Label

Read Only

Disabled

Required

In this example, the selected items are displayed in an output field after the submit-button is pressed.

<tc:selectBooleanCheckbox label="A" value="#{selectBooleanCheckboxController.a}"/> <tc:out label="Selected items: " value="#{selectBooleanCheckboxController.selectedItems}"/> A

B

C

Selected items: Submit

The output fields always shows the current value of the checkbox. With <f:ajax render="output"/>, the output field will be rerendered, after the value changed in the <tc:selectBooleanCheckbox label="Character" value="false"/>. The ID of the output field and the value in the render attribute of the ajax tag has to be the same.

D

Value isfalse E

Value isfalse F

Value isfalse

<tc:selectBooleanCheckbox itemLabel="Japanese Yen" itemImage="/demo-5-snapshot/image/JPY-14.png"/> <tc:selectBooleanCheckbox itemLabel="Trinidad & Tobago Dollar" itemImage="/demo-5-snapshot/image/TTD-14.png"/> <tc:selectBooleanCheckbox itemLabel="US Dollar" itemImage="/demo-5-snapshot/image/USD-14.png"/> <tc:selectBooleanCheckbox itemLabel="Euro" itemImage="/demo-5-snapshot/image/EUR-14.png"/>

Japanese Yen

Trinidad & Tobago Dollar

US Dollar

Euro