1
votes

Comment puis-je obtenir l'ID de bouton radio sélectionné dans angular6

J'ai un ensemble de boutons radio. Et j'ai besoin d'obtenir l'identifiant de chaque bouton radio après avoir cliqué, Comment puis-je obtenir l'identifiant du bouton radio dans le fichier ts .. Aidez-moi

<input name="r1" #tradio1 id="r1" class="custom-control-input" type="radio" [value]="0" (change)="Change($event, tradio1)">
              <label class="custom-control-label" for="r1">Radio1</label>&nbsp;

angular

2 commentaires

Pourquoi ne passez-vous pas simplement l'identifiant en tant que paramètre de chaîne dans la fonction Change () ?

Ouais ... j'ai ... merci

4 Réponses :

1
votes

Vous pouvez utiliser la directive ngModel pour ce

<input name="r1" #tradio1 id="r1" class="custom-control-input" type="radio" [value]="0" [(ngModel)]="yourvariablename" (change)="Change($event, tradio1)">
          <label class="custom-control-label" for="r1">Radio1</label>&nbsp;

0 commentaires

0
votes

Essayez comme ceci:

Démo de travail

.html

Change(evt) {
  console.log(evt);
}

.ts

<input name="r1" #tradio1 id="r1" class="custom-control-input" type="radio" [value]="0" [(ngModel)]="radio1value" (ngModelChange)="Change($event)">
<label class="custom-control-label" for="r1">Radio1</label>&nbsp;

0 commentaires

1
votes

Vous pouvez utiliser Querylist et loop avec le même identifiant que le bouton radio

@ViewChildren('tradio') tradio: QueryList<any>;

0 commentaires

2
votes

oh votre fonction de changement, vous pouvez utiliser ce

Change(event, id) {
  console.log(event.target.id)
}

1 commentaires

Merci ... Je l'ai compris ... et une chose, ici pas besoin de passer id..Nous obtiendrons "id" dans l'événement uniquement. c'est event.target.id.