如何验证单选按钮组？处于弯曲状态

Question

如何验证 Flex 3 中的单选按钮是否被选中？

如果我的问题是错误的，请向我提出有关无线电组验证的任何建议。

Answer 1

只需使用 StringValidator：

        <mx:StringValidator id="myRadioButtonGroupValidator" 
        source="{myRadioButtonGroup}" 
        property="selectedValue" 
        required="true"/>

Answer 2

对于 Spark 组和 RadioButtons，事情的工作方式略有不同。请参阅下面的示例。

注意：对于 HGroup，如示例所示：如果出现错误，将出现警告视线，但不会出现可见的红色边框。如果您将 RadioButton 本身设置为侦听器，您可能会得到一个丑陋的结果，如果您将 FormItem 设置为目标，您将看不到任何反应。

<fx:Declarations>

    <s:RadioButtonGroup id="myGroup" />

    <mx:StringValidator id="vLevel"
                        required="true"
                        source="{myGroup}"
                        property="selectedValue"
                        minLength="1"
                        maxLength="80"
                        listener="{grpLevel}"
                        />

</fx:Declarations>


<s:FormItem label="Level">
                <s:HGroup id="grpLevel">
                    <s:RadioButton group="{myGroup}" label="A"/>
                    <s:RadioButton group="{myGroup}" label="B"/>
                    <s:RadioButton group="{myGroup}" label="C"/>
                </s:HGroup>
</s:FormItem>                           

Answer 3

这就是我解决问题的方法。如果有什么不对的地方请留言评论。

<mx:NumberValidator id="radiogroupValidator" source="{radiogroup}" property="selectedValue" allowNegative="false" />

mxml 文件中的单选按钮组源

 <mx:RadioButtonGroup id="radiogroup"  itemClick="radiochangefunction(event)" selectedValue="-1" />

 <mx:RadioButton id="radiobtn1" groupName="radiogroup" label="Send Password to existing EmailId" value="0"/>
 <mx:RadioButton id="radiobtn2" groupName="radiogroup" label="Enter new EmailId" value="1"/>

itemClick 函数

public function radiochangefunction(event):void
{
   radiogroup.selectedValue=event.currentEvent.selectedValue.toString();     
}

以及最后的验证函数

var isValidradiobutton:Boolean = (Validator.validateAll([radiogroupValidator]).length==0);

Answer 4

监听 RadioButtonGroup 的 itemClick 事件。在处理程序中，使用 selection 或 selectedValue 属性来了解单击了哪个 RadioButton。

• selection - 返回对所选 RadioButton 实例的引用
• selectedValue - 返回所选 的 value 属性RadioButton（如果已设置）。否则，返回其标签文本。

如果没有选择 RadioButton，这两个属性都会返回 null。

来自 livedocs 的运行示例

<?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>