How to combine the radio buttons in different panels

Question

Hello everyone.I have to have some form of panels, each of which I want to put a radio button. How to make sure that when you select one of the radio buttons, the second was not selected ? Now both are selected. For convenience, made a small example.
var w = new Window('dialog', '');
    p3 =  w.add("panel", undefined, " panel1 ", {borderStyle:"r"});
    p3.orientation = "column";
    p3.alignment='left';
    p3.preferredSize = [200,107];
    p3.spacing=0;
        var etProd = p3.add('edittext',undefined,'');
        etProd.preferredSize = [170,20];
        etProd.alignment = "top";
    grProd1 =p3.add('group');
    grProd1.orientation = 'row';
    grProd1.alignment="left";
        btnProd_add = grProd1.add('button',undefined,"Add");
        btnProd_del = grProd1.add('button',undefined,"Del");
        rb1 = p3.add('radiobutton',undefined,'import');
        rb1.alignment='left';
    p2 =  w.add("panel", undefined, " panel2 ", {borderStyle:"r"});
    p2.orientation = "column";
    p2.alignment='left';
    p2.preferredSize = [200,107];
    p2.spacing=0;
        var etProd2 = p2.add('edittext',undefined,'');
        etProd2.preferredSize = [170,20];
        etProd2.alignment = "top";
    grProd2 =p2.add('group');
    grProd2.orientation = 'row';
    grProd2.alignment="left";
        btnProd_add = grProd2.add('button',undefined,"Add");
        btnProd_del = grProd2.add('button',undefined,"Del");
        rb2 = p2.add('radiobutton',undefined,'import');
        rb2.alignment='left';
w.show();

Answer 1

If you are wanting a toggle them then you could that in the call backs… add above show();
rb1.onClick = function() {
     rb2.value = false;
rb2.onClick = function() {
     rb1.value = false;