<?xml version="1.0"?>
  <!-- Simple example to demonstrate RadioButtonGroup control. -->
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  
      <mx:Script>
              <![CDATA[
          
              import mx.controls.Alert;
              import  mx.events.ItemClickEvent;
          
          // Event handler function to display the selected button
          // in an Alert control.
                  private function handleCard(event:ItemClickEvent):void {
                          if (event.currentTarget.selectedValue == "AmEx") {
                                          Alert.show("You selected American Express") 
                          } 
                          else {
                                  if (event.currentTarget.selectedValue == "MC") {
                                          Alert.show("You selected MasterCard") 
                                  } 
                                  else {
                                          Alert.show("You selected Visa") 
                                  }
                          } 
                  }
              ]]>
      </mx:Script>
  
      <mx:Panel title="RadioButtonGroup Control Example" height="75%" width="75%" 
          paddingTop="10" paddingLeft="10">
      
          <mx:Label width="100%" color="blue" 
              text="Select a type of credit card."/>
  
          <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event);"/>
          <mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx" 
              label="American Express" width="150" />
          <mx:RadioButton groupName="cardtype" id="masterCard" value="MC" 
              label="MasterCard" width="150" />
          <mx:RadioButton groupName="cardtype" id="visa" value="Visa" 
              label="Visa" width="150" />
                  
      </mx:Panel>                
  </mx:Application>