كيفية تعطيل وتمكين حقل الإدخال (input) باستخدام jQuery؟

مرحباً بالجميع! لقد بدأت للتو في تعلم jQuery وواجهت مهمة بسيطة للوهلة الأولى: أحتاج إلى تعطيل وتمكين حقل الإدخال في النموذج ديناميكياً بناءً على اختيار المستخدم. لدي نموذج تسجيل. يحتوي على خانة اختيار «أوافق على الشروط» وحقل إدخال للرمز الترويجي. أريد أن يكون حقل الرمز الترويجي معطلاً (disabled) حتى يقوم المستخدم بتحديد خانة الاختيار. بمجرد تحديد الخانة، يجب أن يصبح الحقل نشطاً، والعكس صحيح. هذا هو الكود الحالي الخاص بي: ```html أوافق على الشروط
``` وكود jQuery الخاص بي: ```javascript $(document).ready(function() { $('#agreeCheckbox').on('change', function() { // هنا أحاول تبديل disabled }); }); ``` لقد جربت كتابة `$('#promoInput').attr('disabled', true)` و `$('#promoInput').attr('disabled', false)`، لكن هذا لا يعمل بشكل مستقر.