Esta práctica requiere un par de pasos:
- Definir un evento para el click para el input radio "Si". Cuando se produzca el click se procederá a habilitar el input text.
- Definir un evento para el click para el input radio "No". Cuando se produzca el click se procederá a deshabilitar el
El Input text en principio supongo que aparecerá habilitado.
El HTML no lo indicas y hubiera estado bien. Pero podría ser algo como este:
<form>
<p>
¿Interesado en recibir email?
</p>
<p>
<input type="radio" name="interesado" value="si" id="interesadoPositivo" checked> Sí
<input type="radio" name="interesado" value="no" id="interesadoNegativo"> No
</p>
<p>
<input type="text" name="email" placeholder="Escribe tu email" id="emailInput">
</p>
</form>
Ahora, la parte del Javascript para habilitar o deshabilitar el input, según se va haciendo click en el radio del "Si" o el "No".
// Accedemos al botón
var emailInput = document.getElementById('emailInput');
// evento para el input radio del "si"
document.getElementById('interesadoPositivo').addEventListener('click', function(e) {
console.log('Vamos a habilitar el input text');
emailInput.disabled = false;
});
// evento para el input radio del "no"
document.getElementById('interesadoNegativo').addEventListener('click', function(e) {
console.log('Vamos a deshabilitar el input text');
emailInput.disabled = true;
});
Espero que te haya quedado claro.