How do I implement this panel functionality?

Something like this.
But I don't know how to establish logical relationships with functions A(); B(); C(); D(); E(); F();.

There's still one missing: the "Open only Path" option.

//result variables
var pdfDropdown, colorDropdown, foodDropdown, foodList, angleCombo, integerCombo, realCombo, percentCombo, measureCombo,
    enablePanel, ABC, OnlyA, OnlyB, OnlyC,
    realEdit, intEdit, percentEdit, measureEdit, angleEdit, textEditField, pageWidth, mu;

//check for a doc
if (app.documents.length > 0) {
    mu = app.scriptPreferences.measurementUnit;
    app.scriptPreferences.measurementUnit = MeasurementUnits.PIXELS;
    var doc = app.activeDocument;
    pageWidth = doc.documentPreferences.pageWidth
    makeDialog();

} else { alert("Please open a document and try again.") }

/**
* Make the  dialog 
* @ return void
*/

function makeDialog() {
    var GrepEditorName = 'A GREP editor  Peter Kahrel';
    //the dialog name
    var theDialog = app.dialogs.add({ name: "Initial Settings", canCancel: true });
    with (theDialog) {
        with (dialogColumns.add()) {

            //Panel 2 Enabling
            with (dialogRows.add()) {
                guideColor = [20, 0, 150];
                staticTexts.add({ staticLabel: "Select your operation", staticAlignment: StaticAlignmentOptions.LEFT_ALIGN, minWidth: 150 });
            }
            enablePanel = enablingGroups.add({ staticLabel: " Initialization", checkedState: false, minWidth: 150 })
            with (enablePanel) {
                with (dialogColumns.add()) {
                    staticTexts.add({ staticLabel: "ABC" });
                    staticTexts.add({ staticLabel: "Only A" });
                    staticTexts.add({ staticLabel: "Only B" });
                    staticTexts.add({ staticLabel: "Only C" });
                }
                with (dialogColumns.add()) {
                    ABC = checkboxControls.add({ checkedState: false, minWidth: 150 });
                    with (radiobuttonGroups.add()) {
                        OnlyA = radiobuttonControls.add({ checkedState: true });
                        OnlyB = radiobuttonControls.add({ checkedState: false });
                        OnlyC = radiobuttonControls.add({ checkedState: false });
                    }
                }
            }
        }
    }

    //the dialog results
    var res = theDialog.show();
    if (res == true) {

        enablePanel = enablePanel.checkedState
        ABC = ABC.checkedState;
        OnlyA = OnlyA.checkedState
        OnlyB = OnlyB.checkedState
        OnlyC = OnlyC.checkedState


        main()
    } else {
        theDialog.destroy();
    }
}


function main() {
    app.scriptPreferences.measurementUnit = mu;

}