Search code examples
ionic2radio-button

Ionic 2 Add radio buttons to alert controller


How to add radio buttons as inputs buttons in an alert controller in ionic 2? It works with check boxes, but i want to add radio button group with radio buttons to select only one option.

  advanceSearch(): void{
   let prompt = this.alertCtrl.create({
    title: 'something',
    message: 'Select option ',
    inputs : [
     {
       type:'checkbox',
       label:'something1'
     },
     {
       type:'checkbox',
       label:'something2'
      }

    ],
    buttons : [
     {
       text: "Cancel",
       handler: data => {
         console.log("cancel clicked");
       }
     },
     {
       text: "Search",
       handler: data => {
         console.log("search clicked");
       }
     }
    ]
    });
    prompt.present();
}

`

I want to change these check boxes to radio boxes.


Solution

  • Try this.

    advanceSearch(): void
    {
        let prompt = this.alertCtrl.create({
        title: 'something',
        message: 'Select option ',
        inputs : [
        {
            type:'radio',
            label:'something1',
            value:'something1'
        },
        {
            type:'radio',
            label:'something2',
            value:'something2'
        }],
        buttons : [
        {
            text: "Cancel",
            handler: data => {
            console.log("cancel clicked");
            }
        },
        {
            text: "Search",
            handler: data => {
            console.log("search clicked");
            }
        }]});
        prompt.present();
    }