Solution for how to detect if option selected or not in vue
is Given Below:
I have radio buttons yes
or no
by default no buttons are selected . I want to display an alert if the user didn’t select any option and clicked submit button. problem is there are not only one option like that there 70 option so i can not detect each option one by one i I am finding generic way
html
<ion-radio-group
@ionChange="updateWorkSheet($event, 'pm_properly_loop_handling')"
:value="pm_properly_loop_handling"
>
<ion-list-header>
<ion-label text-wrap style="padding-right: 15px;">Adecuado manejo de lazo</ion-label>
</ion-list-header>
<ion-item>
<ion-label>Si</ion-label>
<ion-radio slot="start" value="1"></ion-radio>
</ion-item>
<ion-item>
<ion-label>No</ion-label>
<ion-radio slot="start" value="0"></ion-radio>
</ion-item>
</ion-radio-group>
<ion-radio-group
@ionChange="updateWorkSheet($event, 'pm_curicon_was_burned')"
:value="pm_curicon_was_burned"
>
<ion-list-header>
<ion-label text-wrap style="padding-right: 15px;">El material usado de curación fue quemado</ion-label>
</ion-list-header>
<ion-item>
<ion-label>Si</ion-label>
<ion-radio slot="start" value="1"></ion-radio>
</ion-item>
<ion-item>
<ion-label>No</ion-label>
<ion-radio slot="start" value="0"></ion-radio>
</ion-item>
</ion-radio-group>
<section>
<ion-button >
expand="full"
@click="submit()"
shape="round"
>Ingresar información de cortadores</ion-button>
</section>
script
data() {
return {
}
},methods
{
funtion submit()
{
//handle here
}
]