# Ionic3 Alert with Input Text and Radio Button

**URL:** <https://forum.ionicframework.com/t/ionic3-alert-with-input-text-and-radio-button/169296>\
**Category:** ionic-v3\
**Created:** [July 22, 2019, 7:22am UTC](https://forum.ionicframework.com/t/ionic3-alert-with-input-text-and-radio-button/169296 "2019-07-22T07:22:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![OliverPrimo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/oliverprimo/32/121442_2.png) [@OliverPrimo](https://forum.ionicframework.com/u/OliverPrimo)\
**Post date:** [July 22, 2019, 7:22am UTC](https://forum.ionicframework.com/t/ionic3-alert-with-input-text-and-radio-button/169296/1 "2019-07-22T07:22:55Z")

</div>

Hello everyone,

I want to create an ionic alert that will have both radio buttons and text inputs. I have three options and if the user chose the third option, an input text will appear and the user needs to type something.

Here is my code and the sample output.

```auto
let alert = this.alertCtrl.create({
        title: 'Select one?',
        message: "Please select one or enter something",
        inputs: [
          {
            type: 'radio',
            label: 'Option 1',
            value: 'Option 1',
          },
          {
            type: 'radio',
            label: 'Option 2',
            value: 'Option 2',
          },
          {
            type: 'radio',
            label: 'Other Option',
            value: 'Other Option',
          },
          {
            type: 'text',
            placeholder: 'Enter other option',
          }
        ],
        buttons: [
          {
            text: 'Submit',
            handler: (data: any) => {
              console.log(data);
            }
          }
        ]
      });
      alert.present();

```

![image](https://global.discourse-cdn.com/ionicframework/original/3X/8/e/8e1b3a4e0d3348349609c24b796fbe994dbf24e6.png)

I’ve searched on the internet but I can’t find something that can help me with this. I hope someone can help me with this.

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [July 22, 2019, 1:58pm UTC](https://forum.ionicframework.com/t/ionic3-alert-with-input-text-and-radio-button/169296/2 "2019-07-22T13:58:48Z")

</div>

use a modal dialog…

---

<div class="post-metadata">

**Author:** ![OliverPrimo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/oliverprimo/32/121442_2.png) [@OliverPrimo](https://forum.ionicframework.com/u/OliverPrimo)\
**Post date:** [July 23, 2019, 4:13am UTC](https://forum.ionicframework.com/t/ionic3-alert-with-input-text-and-radio-button/169296/3 "2019-07-23T04:13:03Z")

</div>

I’ve already took that into considerations but my interface will be compromised. But, if there’s no way of doing that other than making a modal dialog then I guess I have no choice. Thank you 😄😊