トップページ >  Flex >  CheckBox
初版2009/10/01: 最終更新日2009/10/01
CheckBox
目次
CheckBoxとは
CheckBoxのソース
CheckBoxのサンプル
CheckBoxとは
Webページ上で、設定項目を選択する際に用いる「□」のような図形を表示します。
CheckBoxのソース
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

           import mx.controls.Alert;         
         
           private function modifyCart():void 
           {
                cartItems.text = "";
            
                if(milkCB.selected == true) {              
                    cartItems.text += "milk" + '\n' ;
                }
           
                   if(eggsCB.selected == true) {
                    cartItems.text += "eggs" + '\n';
                }
            
                if(breadCB.selected == true) { 
                    cartItems.text +="bread" + '\n';
                }
              }
             
           private function sendMessage():void 
           {
                if(couponCB.selected == true) {
                  Alert.show('You will receive coupons.');
                }
                else {
                    Alert.show('You will not receive any coupons.');
                }
           }    
        ]]>
    </mx:Script>


        <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" verticalScrollPolicy="off"/>
            <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"
                click="sendMessage()" selected="true" color="blue"/>
        </mx:VBox>

</mx:Application>
CheckBoxのサンプル