flashbuilder4 单选 RadioButton RadioButtonGroup

发布时间：2020-12-15 18:30:01 所属栏目：百科来源：网络整理

导读：转载：?http://www.fbair.net/bbs/read.php?tid=156 单选 RadioButton 和 RadioButtonGroup 控件介绍??? RadioButtonGroup 相当于Html里面的input type="radio" name="XXX"的Name属性，而RadioButton 相当于input type="radio"的每个值官方文档 http://hel

转载：?http://www.fbair.net/bbs/read.php?tid=156

单选 RadioButton 和 RadioButtonGroup 控件介绍??? RadioButtonGroup 相当于Html里面的<input type="radio" name="XXX"的Name属性，而RadioButton 相当于<input type="radio"的每个值

官方文档
http://help.adobe.com/zh_CN/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7d8b.html
http://help.adobe.com/zh_CN/AS3LCR/Flex_4.0/mx/controls/RadioButton.html
http://help.adobe.com/zh_CN/AS3LCR/Flex_4.0/spark/components/RadioButton.html
单选框 RadioButton? 组件有2种分别包含在??MX and Spark 组件里面，官方建议使用spark组件里面的
RadioButtonGroup 由于是非可见元素需要放到 <fx:Declarations> 标签中
[pre]RadioButton? 的 click事件??请查看如下例子中的 click="handleAmEx(event)",click="handleMC(event),click="handleVisa(event)

复制代码

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
????xmlns:s="library://ns.adobe.com/flex/spark"
????xmlns:mx="library://ns.adobe.com/flex/mx">
????<fx:Script>
????????<![CDATA[??
????????????import flash.events.Event;
????????????private function handleAmEx(event:Event):void {
????????????????// Handle event.
????????????????myTA.text="Got Amex";
????????????}
????????????private function handleMC(event:Event):void {
????????????????myTA.text="Got MasterCard";
????????????private function handleVisa(event:Event):void {
????????????????myTA.text="Got Visa";
????????]]>
????</fx:Script>
????
????<s:VGroup>
????????<s:RadioButton groupName="cardtype"
????????????id="americanExpress"
????????????label="American Express"
????????????width="150"
????????????click="handleAmEx(event);"/>
????????????id="masterCard"
????????????label="MasterCard"
????????????click="handleMC(event);"/>
????????????id="visa"
????????????label="Visa"
????????????click="handleVisa(event);"/>
????????<s:TextArea id="myTA"/>
????</s:VGroup>
</s:Application>

创建一组单选框 ?由于所有的 RadioButton 都属于 cardtype 组所以可以直接用 cardtype.selectedValue 显示选中的值

复制代码

????????????import mx.events.ItemClickEvent;

????????????private function handleCard(event:ItemClickEvent):void {

????????????????//Print the value of the selected RadioButton in the Text Area

????????????????var cardValue:Object = cardtype.selectedValue;

????????????????myTA.text="You selected " + cardValue;

????<fx:Declarations>

????????<s:RadioButtonGroup id="cardtype"

????????????itemClick="handleCard(event);"/>

????</fx:Declarations>

????????<s:RadioButton group="{cardtype}"

????????????width="150"/>

通过设置的 “click点击”? ItemClickEvent ?监听器? private function? handleCard (event:ItemClickEvent):void? 来监听单选选择时的 click 事件
复制代码

????????????import mx.controls.Alert;

????????????import mx.events.ItemClickEvent;//需要导入该包

????????????????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.");

????????????????}

????????????value="AmEx"

????????????value="MC"

????????????value="Visa"

通过键盘操作单选

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!