forcer un radio bouton

Version imprimable

bonjour,

j'ai cherché dans la doc, mais je ne trouve pas, car je ne suis pas un spécialiste JS.

je travaille sur une appli qui s'appuie sur Struts (+ une surcouche framework à nous) et je voudrais, dans un cas bien précis, garder un groupe de radio bouton cliquable mais sur l'action onClick, remettre la focus sur l'ancien
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function onCheckCodeCivilite() { var nomMarital = this.document.getElementById("etatCivilForm").elements['nomMarital']; nomMarital.disabled = false; var codeCivilite = this.document.getElementById("etatCivilForm").elements['codeCivilite']; var dossierValiderJS = false; if (etatCivilForm.elements['dossierValider'].value=='true') { dossierValiderJS = true; } if (codeCivilite != null) { if (codeCivilite.length != null) { if (dossierValiderJS) { var formulaire = this.document.forms[0]; idCivilite = formulaire.elements['codeCivilite'].value ; // codeCivilite[idCivilite].checked = "true"; // ne marche pas codeCivilite.checked = idCivilite;// ne marche non plus } else { // autre cas fonctionnel } } } }
par exemple, si j'ai trois radio bouton pour la civilité (M. Mme Mlle), et que à l'arrivée on est sur Mme, au click sur M., je veux remettre le radio bouton sur Mme.

comment cela est-ce possible ?
dans mon cas, la var idCivilité contient un entier (4 dans mon exemple, car il y a des champs cachés pour d'autres cas)

10/01/2006, 11h02
siddh

salut,
il ne faut pas mettre de " autour des true et false, c'est des booléens comme en java ;)
10/01/2006, 11h19
jcaruana
Citation:

Envoyé par siddh

il ne faut pas mettre de " autour des true et false, c'est des booléens comme en java ;)

ok ;-)

j'ai essayé également sans les ", mais j'ai tjs une erreur JS (au niveau des indices).

en+, avec le framework, parfois ce sont des booleens, parfois des chaines de caractères (quand on les récupère depuis l'objet formulaire par exemple, le typee Java derrière est String...). C'est pourquoi il faut les " pour cette partie de code :
Code:

1 2 3 if (etatCivilForm.elements['dossierValider'].value=='true') { dossierValiderJS = true; }
mais merci de me corriger pour les affectations booleen en JS.

la difficulté, c'est de récupérer la valeur avant le click (sauvegardée par ailleurs dans l'objet Java) puis de la remettre ou il faut. quand je récupère codeCivilité, je récupère un tableau, et non l'indice. je me mélange un peu les pinceaux entre ce tableau et la valeur de l'indice (qui porte le même nom dans l'objet java et que je pensais récupérer avec var codeCivilite = this.document.getElementById("etatCivilForm").elements['codeCivilite']; )

bon j'avance :

1. je sauvegarde l'indice dans une var globale sur l'init de la page
2. je la restaure sur le onCheck. il faut utiliser onclick() et non checked qui est un attribut en leture seule (parce que si j'essaye de lui attribuer true/false, j'ai une erreur Permission refusée)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// var globables
	var oldCivilite;
 
	//
	// fonctions
	//
 
	function init() {
		var codeCivilite = this.document.getElementById("etatCivilForm").elements['codeCivilite'];
		for (var i=0; i < codeCivilite.length;i++) {
			if (codeCivilite[i].checked) {
				oldCivilite = i
			}
		}
	}
 
   function onCheckCodeCivilite() {
		var nomMarital = this.document.getElementById("etatCivilForm").elements['nomMarital'];
		nomMarital.disabled = false;
		var codeCivilite = this.document.getElementById("etatCivilForm").elements['codeCivilite'];
		var dossierValiderJS = false;
		if (etatCivilForm.elements['dossierValider'].value=='true') {
			dossierValiderJS = true;
		}
 
		if (codeCivilite != null) {
			if (codeCivilite.length != null) {
				if (dossierValiderJS) {
 
					codeCivilite[oldCivilite].click();
 
				} else {	
					// autre cas fonctionnel - ca marche
				}
 
			}
		}
	}

bon, j'y suis arrivé tout seul (1/2 journée....), mais merci pour la réponse qui m'a permis d'éviter d'autres erreurs

je poste ici pour "la postérité" ;-). si ca peut aider...

essayes un truc comme ça,
quand la page est chargée, tu garde la ref vers le radio coché et quand y a un click, tu le remet ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type='text/javascript'>
	var index;
	var radios;
 
	function onCheckCodeCivilite(){
		radios[index].checked = true;
	}
 
	window.onload = function(){
		radios = document.getElementsByName("toto");
		var notFound = true;
		var i=0;
		while(i<radios.length && notFound){
			if(radios[i].checked){
				index = i;
				notFound = false;
			}
			i++;
		}
	}
</script>
<input type="radio" name="toto" value="1" onclick="onCheckCodeCivilite()" />1<br />
<input type="radio" name="toto" value="2" onclick="onCheckCodeCivilite()" />2<br />
<input type="radio" name="toto" value="3" onclick="onCheckCodeCivilite()" checked="checked" />3<br />
<input type="radio" name="toto" value="4" onclick="onCheckCodeCivilite()" />4<br />

10/01/2006, 12h04
jcaruana

Citation:

Envoyé par siddh

essayes un truc comme ça,
quand la page est chargée, tu garde la ref vers le radio coché et quand y a un click, tu le remet ;)

oui, c'est exactement ce que j'ai fait ! (comme quoi, les grands esprits...)
par contre, checked est un attribut en lecture seule j'ai l'impression, on ne peut pas (pour les radio bouton) le forcer à true ou false :

Code:

radios[index].checked = true;

on se prend une erreu JS du genre "intedit de faire cela" (j'ai oublié)

il faut faire :

Code:

radios[index].click();
10/01/2006, 12h06
siddh

Citation:

Envoyé par jcaruana

par contre, checked est un attribut en lecture seule j'ai l'impression, on ne peut pas (pour les radio bouton) le forcer à true ou false :

Code:

radios[index].checked = true;

on se prend une erreu JS du genre "intedit de faire cela" (j'ai oublié)

il faut faire :

Code:

radios[index].click();

8O quel navigateur ?

IE :-(

mais c'est dans Struts + Struts Layout :
Code:

1 2 3 <layout:radios property="codeCivilite" isRequired="true" layout="false" cols="4" styleClass="formLibelle" mode="E,E,R" onclick="onCheckCodeCivilite();"> <layout:optionsCollection property="choixCiviliteList" label="libelleCourtCivilite" value="codeCivilite"></layout:optionsCollection> </layout:radios>
qui donne qqch du genre :

Code:

<input type="radio" name="codeCivilite" value="3" onclick="onCheckCodeCivilite();" checked><span class="formLibelle">M</span></td><td><input type="radio" name="codeCivilite" value="4" onclick="onCheckCodeCivilite();"><span class="formLibelle">Mme</span></td><td><input type="radio" name="codeCivilite" value="5" onclick="onCheckCodeCivilite();"><span class="formLibelle">Mlle</span>

10/01/2006, 13h05
siddh

c est etrange car mon code marche dans ie 8O
mais si ça marche avec click() c'est le principal ;)