<?xml version="1.0"?>
<!-- Simple example to demonstrate the CheckBox control -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

    <mx:Panel title="CheckBox Panel" marginTop="10">

        <mx:Script>
         
           // This function adds and deletes items from the shopping cart.
           function modifyCart()
           {
            	cartItems.text = "";
	    	
	    	if(milkCB.selected == true)
	    	{
	    	  
	    	  cartItems.text += "milk" + newline ;
	    	}
	   	
	   	if(eggsCB.selected == true)
	    	{
	    	  cartItems.text += "eggs" + newline;
	    	}
	    	
	    	if(breadCB.selected == true)
	    	{ 
	    	  cartItems.text +="bread" + newline;
	    	}
      	   }
      	   
           // This Function brings up Alert pop-ups
	   function sendMessage()
	   {
	        if(couponCB.selected == true)
		{
		  alert(' You will receive coupons to increase your savings');
		}
		else
		{
		alert(' You will not receive any coupons ');
		}
	   }
	   
        </mx:Script>

        <mx:HBox>

            <mx:VBox>

                <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
                <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>
                <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>

            </mx:VBox>

            <mx:VBox>

                <mx:Label text="Items in my cart "/>
                <mx:TextArea id="cartItems" width="300" height="50" vScrollPolicy="off"/>
                <!-- Event handler sendMessages() is used to handle event click -->
                <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart" click="sendMessage()" selected="true" color="blue"/>

            </mx:VBox>

        </mx:HBox>

    </mx:Panel>

</mx:Application>