Grisage et dégrisage de bouton radio

Bonjour, dans un formulaire j'utilise une liste déroulante pour griser ou non des <textarea> avec la fonction suivante :

function bloquer()
{
if (document.demande.categorie.value == "Agent de production" || document.demande.categorie.value == "Agent professionnel")
{
document.demande.formation.disabled = true;
document.dem....
}
else
{
document.demande.formation.disabled = false;
document.dem....
}
}

Sur ma liste déroulante j'ai mis : onClick=bloquer()
Pour griser mes zones de texte ça fonctionne très bien !

Le problème c'est que j'ai essayé de faire la même chose pour mes boutons radio (ils vont par paire) :

OUI <input type="radio" name="complformation" value="OUI" id="rdcf" checked disabled />

NON <input type="radio" name="complformation" value="NON" id="rdcf" disabled />

Mais ça ne marche pas ! Alors qu'écrire dans le script pour griser et dégriser mes boutons en fonction de la sélection dans ma liste ?


Merci !

Bonjour,
contrairement au name, l'id doit absolument toujours être unique dans la page ...
Utilise "rdcf1" et "rdcf2" ;)

A+

Merci pour cette info mais j'ai toujours mon problème... :(

Citation:

---

Envoyé par FranckyVegas

Merci pour cette info mais j'ai toujours mon problème... :(

---

J'ai pas dit que c'était la seule erreur :aie:
Pb de syntaxe :

Code:

---

document.forms['demande'].elements['formation'].disabled

---

Mais il vaudrait mieux utiliser les id, comme d'hab' :

Code:

---

document.getElementById('formation').disabled

---

Pareil dans le reste du script, bien sûr, et avec des ID dans tous les tags concernés, bien sûr bis ...

A+

Merci, ça fonctionne nikel ! :king:

bonjour,

Une petite précision en passant.
Le W3C recommande cette syntaxe pour les attributs disabled et checked (même si cela peu paraître redondant) :

Code:

---

1 2 3 4

OUI <input type="radio" name="complformation" value="OUI" id="rdcf1" checked="checked" disabled="disabled" /> NON <input type="radio" name="complformation" value="NON" id="rdcf2" disabled="disabled" />

---

d'une manière générale attribut="valeur"