كيفية معرفة زر الراديو المحدد باستخدام jQuery؟

مرحبًا بالجميع! أنا مبتدئ في تطوير الويب وأحاول فهم أزرار الراديو في النموذج. لدي مجموعة من أزرار الراديو لاختيار جنس المستخدم: ``` ذكر أنثى معرفة النتيجة ``` أريد أنه عند الضغط على الزر، يتم عرض قيمة زر الراديو المحدد في console (مثل "male" أو "female"). جربت كتابة هذا الكود: ``` $('#submit').click(function() { var selected = $('input[name="gender"]:checked').val(); console.log(selected); }); ``` لكنه أحيانًا يعمل وأحيانًا يطبع `undefined`. لا أفهم لماذا. هل أستخدم المحدد `:checked` بشكل خاطئ؟ أم المشكلة أن أزرار الراديو ليست داخل `

`؟ أرجو إرشادي حول كيفية تحديد زر الراديو المحدد باستخدام jQuery لجعل الكود يعمل بثبات. سأكون ممتنًا للأمثلة والشروحات! كما أنني مهتم بمعرفة ما إذا كان يمكن الحصول ليس فقط على القيمة ولكن أيضًا على النص المرتبط.