Cómo deshabilitar y habilitar un campo de entrada (input) con jQuery

¡Hola a todos! Acabo de empezar a aprender jQuery y me encontré con una tarea simple, a primera vista: necesito deshabilitar y habilitar dinámicamente un campo de entrada en un formulario según la elección del usuario. Tengo un formulario de registro. Tiene una casilla de verificación «Acepto los términos» y un campo de entrada para el código promocional. Quiero que el campo del código promocional esté bloqueado (disabled) hasta que el usuario marque la casilla. Una vez que se marca la casilla, el campo debe activarse, y viceversa. Aquí está mi código actual: ```html Acepto los términos
``` Y mi código jQuery: ```javascript $(document).ready(function() { $('#agreeCheckbox').on('change', function() { // Aquí intento alternar disabled }); }); ``` He intentado escribir `$('#promoInput').attr('disabled', true)` y `$('#promoInput').attr('disabled', false)`, pero funciona de manera inestable.