Sets or gets the change function. It is called when a value is changed and the changed item is passed as parameter. The item argument has the following properties: enabled: boolean, encode: boolean, label: string, value: string, cssClass: string and checked: boolean.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [change]='(item) => {  }'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Sets or gets whether the CheckBoxGroup is disabled.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [disabled]='true'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Sets or gets the items. Each item could be a string or an object. The object has the following properties: enabled: boolean, encode: boolean, label: string, value: string, cssClass: string and checked: boolean.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [items]='[{label: "Item 1", value: "1"}, {label: "Item 2", value: "2"}]'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Sets or gets the value array. This property determines the checked item(s).

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [value]='["1"]'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Sets or gets the items layout. It can be 'horizontal' or 'vertical'.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [layout]='"horizontal"'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Sets or gets the items label position. It can be 'before' or 'after'.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [labelPosition]='"before"'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [rtl]='true'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
       [theme]='"material"'>
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

}

Gets the value.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.getValue();
  }
}

Gets an item value at index.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.getValueAt();
  }
}

Enables an item at index.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.enableAt();
  }
}

Disables an item at index.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.disableAt();
  }
}

Checks an item at index.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.checkAt();
  }
}

Unchecks an item at index.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.uncheckAt();
  }
}

Unchecks all items.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.uncheckAll();
  }
}

Checks an item by value.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.checkValue();
  }
}

Unchecks an item by value.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.uncheckValue();
  }
}

Disables the CheckBoxGroup.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.disable();
  }
}

Destroys the widget.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.destroy();
  }
}

Enables the CheckBoxGroup.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.enable();
  }
}

Renders the widget.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.render();
  }
}

Sets or gets the value.

import { Component, ViewChild } from '@angular/core';
 
import { jqxRadioButtonGroupComponent } from 'jqwidgets-ng/jqxradiobuttongroup';

 
@Component({
  selector: 'app-root',
  template:
    `<jqxRadioButtonGroup #myRadioButtonGroup 
      >
    Check Me Out!

    </jqxRadioButtonGroup>`,
  styles: [``]
})
 
export class AppComponent {
  @ViewChild('myRadioButtonGroup', { static: false }) myRadioButtonGroup: jqxRadioButtonGroupComponent;

  
  public ngAfterViewInit(): void {
    this.myRadioButtonGroup.val();
  }
}