Identifying the child in removeChild action

Question

I am creating a selection of checkboxes that are supplied from XML. These checkboxes are to provide additional details to a background picture and therefore they each have a unique name and an eventlistener to add the extra details to the background picture. Depending on other buttons clicked on the stage, the list of checkboxes could change for the same background picture. I have a selection of 5 different background pictures all of which have a different list of checkboxes. I therefore want to load the checkboxes dynamically.
When a button is clicked to change the background picture, I want to remove all the checkboxes associated with that picture and display a new set for the new picture.
My problem is trying to identify the list of checkboxes to delete them from the stage. Can anyone help.
My coding to set up the checkboxes is this
var OptionList:XMLList  = new XMLList;
function ParseOptions(OptionInput:XML):void  { // called on load of XML and adds the check boxes
    OptionList  = OptionInput.Options;
     var xValue:int = 14;
     var yValue:int = 578;
     var format:TextFormat=new TextFormat();
    format.size=9;
    format.color=0x000000;
    format.font="Arial";
    CBCount=OptionList.length();
    CBArray=new Array;
     for (var i:int = 0; i < OptionList.length(); i++)
    CB = new CheckBox()
    CB.x = xValue;
    CB.y = yValue;
    CB.width = 110;
    CB.setStyle("textFormat",format);
    CB.label = OptionInput.Options.OptionName.text()[i];
    CB.addEventListener(MouseEvent.CLICK, ChangeLayer);
    CB.name= OptionInput.Options.SailImageAddress.text()[i];
    this.addChild(CB);
    var OptionElement:XML = OptionList[i];
    yValue+=20;
    if (i==7){
        xValue=140;
        yValue=578;
    } // end if
} // End for
} //End Function
and here is my code to try and remove them which is not working. (The check for !=null is because I remove checkboxes before adding them and first time through there will always be a problem)
function removeOptions(OptionInput:XML):void {
    if (OptionInput!=null) {
    for (var i:int = 0; i < OptionList.length(); i++)
    var CB:CheckBox=CheckBox(this.getChildByName(OptionInput.Options.SailImageAddress.text()[i])) ;
    if (CB !=null){
    this.removeChild(CB);
    } // End for
    } // end if optoninput
I am not sure that I am even tackling the  remove options in the correct manner. Has anyone got any suggestions how I can do it?

Answer 1

What you might try instead is to assign each CB instance into an array as they get created.  Then you should be able to just walk thru the array when it comes time to remove them from the display, popping them out of the array as you go to empty it.