Checkbox

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

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 isfalseE

Value isfalseF

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