Create Dynamic CheckBoxes using String array and get values of each when button is clicked

Hi there,
Need some help with this.
1.I have a string array and i want that many checkboxes to be created dynamically.

2.When i click button, i need to get values of created checkboxes (true or false).

var extenPanel = new Window("palette", "FontFixer", undefined, {
    borderless: false,
    resizeable: true
});

//Needed help here
//Array to use for dynamic checkboxes creation
var cbNames = ["Font01", "Font02","Font03"];

for(var i=0;i<cbNames.length;i++){
        eval('var '+ myvarName);
        extenPanel.cbNames[i]= extenPanel.add("checkbox",undefined,"myvarName");
        
}
///
extenPanel.btnContinue=extenPanel.add("Button",undefined,"OK");

extenPanel.onResizing = extenPanel.onResize = function() {
    this.layout.resize();
};

extenPanel.show()

extenPanel.btnContinue.onClick=function(){
    var myCheckedAry=[];
//Needed Help here
    for(var i=0;i<cbNames.length;i++){
       
         if(extenPanel.cbNames[i].value){
             myCheckedAry.push(cbNames[i]);
        }
        
    }

}