كيفية التحقق من تحديد خانة الاختيار باستخدام jQuery؟

مرحباً بالجميع! لقد بدأت للتو في تعلم jQuery وواجهت مشكلة. لدي نموذج يحتوي على خانة اختيار، وعند إرسال النموذج أحتاج إلى التحقق مما إذا كانت خانة الاختيار محددة من قبل المستخدم. جربت عدة طرق، لكن لا شيء يعمل كما توقعت. إليك HTML الخاص بي: ```html أوافق على الشروط إرسال ``` وكود jQuery الخاص بي: ```javascript $('#submit').click(function() { if ($('#agree').val() == 'on') { alert('خانة الاختيار محددة'); } else { alert('خانة الاختيار غير محددة'); } }); ``` عند النقر على الزر، يظهر دائماً "خانة الاختيار غير محددة"، حتى لو قمت بتحديدها. قرأت أن خانة الاختيار لها خاصية `checked`، لكن كيف يمكن الحصول عليها عبر jQuery؟ جربت `$('#agree').attr('checked')` — يعيد `undefined` في الإصدارات الجديدة من jQuery. أرجو إخباري بالطريقة الصحيحة. يُفضل مع شرح لماذا لا يعمل الكود الخاص بي وكيفية إصلاحه. شكراً مسبقاً.