Radio"

From Documentation
Line 17: Line 17:
  
 
<source lang="xml" >
 
<source lang="xml" >
<window title="Radiobox &amp; Radio Demo" width="200px" border="normal">
+
     <vlayout>
     <vbox>
 
 
         <radiogroup onCheck="fruit.value = self.selectedItem.label">
 
         <radiogroup onCheck="fruit.value = self.selectedItem.label">
             <radio label="Apple" />
+
             <radio label="Apple"/>
             <radio label="Orange" />
+
             <radio label="Orange"/>
             <radio label="Banana" />
+
             <radio label="Banana"/>
 
         </radiogroup>
 
         </radiogroup>
 
         You have selected :
 
         You have selected :
         <label id="fruit" style="color:red" />
+
         <label id="fruit" style="color:red"/>
     </vbox>
+
     </vlayout>
</window>
 
 
</source>
 
</source>
  

Revision as of 06:38, 22 July 2020

Radio

Employment/Purpose

A radio button is a component that can be turned on and off. Radio buttons are grouped together in a group, called radiogroup. Only one radio button with the same group may be selected at a time.

Example

ZKComRef radio.png

    <vlayout>
        <radiogroup onCheck="fruit.value = self.selectedItem.label">
            <radio label="Apple"/>
            <radio label="Orange"/>
            <radio label="Banana"/>
        </radiogroup>
        You have selected :
        <label id="fruit" style="color:red"/>
    </vlayout>

Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Version Description Example Location
3.6 Radio buttons with Listitems http://www.zkoss.org/forum/listComment/3867
3.6 Radiogroup radio's in seperate table/grid rows http://www.zkoss.org/forum/listComment/9002

See also: Radiogroup

Version History

Last Update : 2020/07/22


Version Date Content
     



Last Update : 2020/07/22

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.