[Résolu] Evènements sur input radio

Bonjour à tous
J'ai une page qui contient des boutons radio, avec comme modèle

<label class="voice">
  <input type="radio" name="xxx" value="yyy">
  <span>Titre</span>
</label>

(mettre <input> dans <label> évite d'avoir à gérer un grand nombre d'id)
En moyenne il y a une demi douzaine de boutons pour un même name et une demi-douzaine de names dans la page, soit une bonne trentaine de boutons dans la page.

Je cherche à faire un eventListener pour gérer les changements de sélection.
Première question: faut-il mettre le listener sur <input> ? sur <label>? sur les deux?
A priori si on clique juste sur le bouton, le click se propage à<label>, mais si on clique sur <label> ça fait "comme si" on cliquait sur le bouton...
Faut-il faire un listener sur cllick ou sur change?
A priori un click sur un radio bouton ne change pas la valeur du <input>, ça met ou enlève le paramètre "check".
Les recherches sur internet donnent un peu n'importe quoi.
Quelqu'un peut il m'indiquer la marche à suivre?
Merci de votre aide

Hello,

J'ai créé un fiddle, en espérant que ça vous aide:

https://jsfiddle.net/kwo6r79q/

Liens utiles:

https://devdojo.com/tnylea/how-to-detect-radio-box-change-with-jquery

https://stackoverflow.com/questions/596351/how-can-i-know-which-radio-button-is-selected-via-jquery
Modifié par allan00958 (06 Jun 2021 - 15:00)

Merci de ta réponse
J’ai mis "l’écouteur" sur les clicks des <input> ça m’a permis de faire ce que je voulais. Après essai je n’ai pas choisi d’utiliser jQuery, j’ai ma propre librairie JavaScript qui me permet de faire le travail. Il est clair que si je travaillais en équipe il vaudrait mieux utiliser une librairie publique mais à mon âge on travaille en équipe de 1