Wie finde ich heraus, welcher Radiobutton mit jQuery ausgewählt ist?

Hallo zusammen! Ich bin neu in der Webentwicklung und versuche, mich mit Radiobuttons in einem Formular vertraut zu machen. Ich habe eine Gruppe von Radiobuttons zur Auswahl des Geschlechts des Benutzers: ``` Männlich Weiblich Ergebnis anzeigen ``` Ich möchte, dass beim Klicken auf den Button der Wert des ausgewählten Radiobuttons (z. B. "male" oder "female") in der Konsole ausgegeben wird. Ich habe versucht, diesen Code zu schreiben: ``` $('#submit').click(function() { var selected = $('input[name="gender"]:checked').val(); console.log(selected); }); ``` Aber manchmal funktioniert es und manchmal gibt es `undefined` aus. Ich verstehe nicht, warum. Vielleicht verwende ich den Selektor `:checked` falsch? Oder liegt das Problem darin, dass die Radiobuttons nicht in ein `

` eingebettet sind? Bitte sagt mir, wie ich den ausgewählten Radiobutton mit jQuery korrekt ermitteln kann, damit der Code stabil funktioniert. Ich wäre dankbar für Beispiele und Erklärungen! Mich würde auch interessieren, ob man nicht nur den Wert, sondern auch andere Attribute abrufen kann.