Theme:
Processing...
Description & Source Code

Check boxes allow multiple selections to be made, unlike the radio buttons.

checkbox.zul
<zk>
	<vlayout>
		Which layout component you like in ZK ?
		<checkbox id="l1" label="Border" onCheck="doChecked()" />
		<checkbox id="l2" label="Box" onCheck="doChecked()" />
		<checkbox id="l3" label="Table" onCheck="doChecked()" />
		<checkbox id="l4" label="Portal" onCheck="doChecked()" />
		<checkbox id="l5" label="Column" onCheck="doChecked()" />
		<separator />
		<hlayout>
			You have selected :
			<label id="layout" />
		</hlayout>
		<zscript><![CDATA[
			void doChecked() {
				layout.value = (l1.isChecked() ? l1.label+' ' : "") 
					+ (l2.isChecked() ? l2.label+' ' : "")
					+ (l3.isChecked() ? l3.label+' ' : "")
					+ (l4.isChecked() ? l4.label+' ' : "")
					+ (l5.isChecked() ? l5.label+' ' : "");
			}
		]]></zscript>
	</vlayout>
</zk>