Comment savoir quel bouton radio est sélectionné en utilisant jQuery ?

Bonjour à tous ! Je suis débutant en développement web et j'essaie de comprendre les boutons radio dans un formulaire. J'ai un groupe de boutons radio pour choisir le sexe de l'utilisateur : ``` Masculin Féminin Voir le résultat ``` Je veux qu'en cliquant sur le bouton, la valeur du bouton radio sélectionné (par exemple, "male" ou "female") s'affiche dans la console. J'ai essayé d'écrire ce code : ``` $('#submit').click(function() { var selected = $('input[name="gender"]:checked').val(); console.log(selected); }); ``` Mais parfois ça fonctionne, et parfois ça affiche `undefined`. Je ne comprends pas pourquoi. Peut-être que j'utilise mal le sélecteur `:checked` ? Ou le problème vient-il du fait que les boutons radio ne sont pas encapsulés dans un `

` ? Dites-moi comment déterminer correctement le bouton radio sélectionné avec jQuery pour que le code fonctionne de manière stable. Je serais reconnaissant pour des exemples et des explications ! Je suis aussi curieux de savoir s'il est possible d'obtenir non seulement