Flex Examples
The following example shows how you can use ActionScript to clear a currently selected radio button by setting the RadioButtonGroup class’s selection property to null.
<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2008/01/06/clearing-a-selected-radiobutton-control-in-flex/ --> <mx:Application name="RadioButtonGroup_selection_test" xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <![CDATA[ import mx.controls.Alert; private function reset():void { answers.selection = null; } private function check():void { if (answers.selectedValue) { Alert.show(answers.selectedValue.toString()); } else { Alert.show("unselected"); } } ]]> </mx:Script> <mx:RadioButtonGroup id="answers" /> <mx:Form backgroundColor="red"> <mx:FormItem> <mx:Text id="question" text="Question..." /> </mx:FormItem> <mx:FormItem> <mx:RadioButton id="answer1" group="{answers}" label="Answer 1" /> </mx:FormItem> <mx:FormItem> <mx:RadioButton id="answer2" group="{answers}" label="Answer 2" /> </mx:FormItem> <mx:FormItem> <mx:RadioButton id="answer3" group="{answers}" label="Answer 3" /> </mx:FormItem> <mx:FormItem> <mx:RadioButton id="answer4" group="{answers}" label="Answer 4" /> </mx:FormItem> <mx:FormItem> <mx:RadioButton id="answer5" group="{answers}" label="Answer 5" /> </mx:FormItem> <mx:FormItem direction="horizontal"> <mx:Button label="Check" click="check();" /> <mx:Button label="Reset" click="reset();" /> </mx:FormItem> </mx:Form> </mx:Application>
View source is enabled in the following example.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
Wow. Thanks for that simple clear method. I tried everything before finding this
Copied your page exactly as you’ve listed the code. Got the check to work but not the reset. Is there a setting in my browser that could prevent this code from working? Is there some other setting that could inhibit this from working?
Thanks.
Richard Scott,
Which version/build of the Flex SDK are you using? The easiest way to find out is to look in the installed Flex SDK’s root folder for a flex-sdk-description.xml file.
Peter
Hi Peter,
I am working with Adobe Flex Builder 2 Built on Eclipse Version 2.0.123459. Thanks for the quick response.
Richard Scott,
Unfortunately, I believe it was a bug in Flex 2 which got fixed in Flex 3. You may need to update to the newer version of the Flex SDK (or else extend the RadioButton and/or RadioButtonGroup classes and copy the relevant fixed code from Flex 3).
Peter
Muchas gracias!!!!!!!!!!! muy simple y facil de entender.
Nuevamente, Gracias! por tu ejemplo sencillo pero alto en contenido
greately helpful for fresher in flex.
thanks
i want to apply this functionality in custom renderers how todo that in flex please suggest solution
i tried radiobutton as item renderer but it is allowing multiple selection when data function is overridden please suggest solution
@avinash,
For a Flex 4 example, see “Creating a radio button item renderer on a Spark List control in Flex 4″.
Peter
Hi. How Can I clear selected RadioButton if itemClick event could not work in this case
thanks. Val