Désactiver un input selon un choix

Bonjour à tous,

Alors je propose à mes utilisateurs la possibilité de recevoir ou non la newsletter du site - via l'utilisation de boutons radio. Dans le cas où la réponse est négative j'aimerais pouvoir désactiver le input où l'utilisateur est sensé rentrer son adresse email. Je ne vois pas comment faire, auriez-vous une idée ?

Je vous indique ci-après le code en question :

Code:

---

1 2 3 4 5 6 7 8

<fieldset> <legend>Newsletter </legend> <label for="newsletter"> Souhaitez-vous recevoir gratuitement la newsletter de <span class="nom_du_site">#nom </span> </label> <input id="newsletter" name="choix_newsletter"type="radio" /> <span>OUI, je souhaite recevoir la newsletter </span></br> <input id="newsletter" name="choix_newsletter"type="radio" /> <span>NON, je ne souhaite pas m'inscrire à la newsletter pour le moment </span></br> <label for="user_email">Si oui, veulliez indiquer votre adresse email :</label> <input id="user_email" name="mail" type="email" maxlength="40" placeholder="Ex : legrandcharles@president.fr"> </fieldset>

---

Bonjour,
en pure HTML il ne t'es pas possible de le faire, par contre avec un petit zeste de javascript

Code:

---

1 2 3 4

function disableInput( obj){ var oInput = document.getElementById('user_email'); oInput.disabled = obj.value ==='NON'; }

---

pour ce faire il faut ajouter une value à tes radiobutton, et mettre un appel à la fonction sur le onclick de ceux ci en passant l'objet, ici this, à la fonction

Code:

---

1 2	<input id="newsletter" value="OUI" name="choix_newsletter"type="radio" onclick="disableInput( this);"/>...</br> <input id="newsletter" value="NON" name="choix_newsletter"type="radio" onclick="disableInput( this);"/>...</br>

---

Voila une façon de faire.

Nota: est ce bien grave de laisser l'accès au champ si le NON est coché

Bonjour NoSmoking,

En effet cela n'est pas primordial, juste un petit plus esthétique.
En tout cas merci de la réponse, cette façon de faire me convient parfaitement.

Bonne continuation.