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

مرحباً بالجميع! لقد بدأت للتو في تعلم jQuery وواجهت مشكلة أثناء العمل مع مربعات الاختيار. أحتاج إلى تعيين وإزالة علامة الاختيار من مربع الاختيار برمجياً بناءً على إجراءات المستخدم. لدي عدة مربعات اختيار في النموذج: ```html ``` لقد جربت طرقاً مختلفة، لكنها تعمل بشكل غير مستقر. على سبيل المثال، أستخدم: ```javascript $('#agree').attr('checked', true); // يبدو أنه يعمل، لكن ليس دائماً $('.option').attr('checked', 'checked'); // غريب أيضاً ``` لكن عندما أتحقق في وحدة التحكم، أرى أن الخاصية `checked` تُضاف، لكن مربع الاختيار لا يتغير بصرياً. أو العكس — بعد إزالة علامة الاختيار عبر `.removeAttr('checked')`، تظهر مرة أخرى عند تحديث الصفحة. قرأت أنه في jQuery 1.6+ حدث تغيير مع الخاصية `checked`، لكنني لم أفهم تماماً. أرجو إرشادي حول كيفية تعيين الحالة بشكل صحيح.