[DOM] Radio button impossible à cocher sous IE

Bonjour,

Je récupère une info à partir d'une base. Cette info pouvant prendre 3 états différents et exclusifs, elle est représentée dans le formulaire par des radio buttons.

Ces radio buttons sont générés en DOM, car une liste déroulante permet d'ajouter dynamiquement via une fonction JS des lignes au tableau.

En fonction de l'état pour la personne sélectionnée, l'un des radio doit être coché.

Pour cela, j'appelle la fonction suivante:

Code:

---

1 2 3 4 5

function checkAnnuaire( unId, nature ) { var nom = "chkContact_" + unId; var indice = nature - 1; document.forms[0].elements[nom][indice].checked=true; }

---

Elle fonctionne parfaitement sous Firefox et IE, les radio cochés sont les bons.
En revanche, sous IE, impossible de changer le radio qui est coché. (Sous Firefox aucun problème.)

Quelqu'un a une idée ?

Merci d'avance,

*.Har(d)t

Code:

---

document.forms[0].elements[nom][indice].checked="checked" ;

---

Citation:

---

Envoyé par SpaceFrog

Code:

---

document.forms[0].elements[nom][indice].checked="checked" ;

---

---

C'était ce que j'avais mis a départ. J'ai remplacé par "true" suite à la lecture d'un tuto.
Je viens de retester avec "checked" par acquit de conscience, mais ça ne fonctionne pas non plus sous IE (sous FF nickel).:cry:

ton element il à un name ???

Code:

---

document.getElemensByName[nom][indice].checked="checked" ;

---

Citation:

---

Envoyé par SpaceFrog

ton element il à un name ???

Code:

---

document.getElemensByName[nom][indice].checked="checked" ;

---

---

Oui, le name est fait par la fonction qui créé la ligne de tableau contenant les radios.
Il est du type "chkContact_xx", où xx représente un nombre correspondant à l'id dans la base.

Ainsi, chaque groupe de 3 radios sur la ligne d'une personne porte le même nom.

Voici l'extrait de code de la fonction générant les radio:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

for( i = 1 ; i < 4 ; i++ ) { inputNode = document.createElement("input"); inputNode.type = "radio"; inputNode.name = "chkContact_" + document.forms[0].elements[0].options[unId].value; inputNode.id = "chkContact_" + document.forms[0].elements[0].options[unId].value; inputNode.value = i; tdNode = document.createElement("td"); tdNode.appendChild(inputNode); trNode.appendChild(tdNode); } document.getElementById("listeAnnuaire").appendChild(trNode);

---

L'accès à ces radios se fait proprement en apparence, puisqu'ils sont bien cochés en fonction de ce qu'il y a dans la base. C'est simplement sous IE, quand je veux cocher un autre radio dans un groupe, celui qui est déjà coché ne se décoche pas (et celui que je veux cocher ne se coche pas.)

le problème vient de l'attribution dynamique du name

http://www.developpez.net/forums/sho...d.php?t=489641

Citation:

---

Envoyé par SpaceFrog

le problème vient de l'attribution dynamique du name

http://www.developpez.net/forums/sho...d.php?t=489641

---

Merci pour ton aide SpaceFrog, ça a l'air de fonctionner à peu près. Je vais tester plus avant pour éliminer toute mauvaise surprise, mais ça me semble bien être l'origine du problème.

Solution pour moi :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

for( i = 1 ; i < 4 ; i++ ) { var nom = "chkContact_" + document.forms[0].elements[0].options[unId].value; inputNode = document.createElement("<input name='" + nom + "' />"); inputNode.type = "radio"; inputNode.id = "chkContact_" + document.forms[0].elements[0].options[unId].value; inputNode.value = i; tdNode = document.createElement("td"); tdNode.appendChild(inputNode); trNode.appendChild(tdNode); } document.getElementById("listeAnnuaire").appendChild(trNode);

---

il te faudra tout de même différentier IE et autres ...

Code:

---

inputNode = (document.all)?document.createElement("<input name='" + nom + "' />"):document.createElement("input") ;

---