Tester des boutons radio en javascript dans une boucle qui fonctionne sous Google Chrome

Version imprimable

Bonjour à tous,

j'ai actuellement le code suivant qui teste tous les boutons radio d'un formulaire dans une boucle, donc sans en connaître le nom ni l'id :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var Camca="oui";
	var Zones = document.formulaire.elements
	 var iMax = Zones.length
	 for ( var i=0; i < iMax; i++)  {
		if (Zones[i].type != 'radio') continue
		if (Zones[i].name == "bareme") continue
			if ((Zones[i].name == "endettement") || (Zones[i].name == "finan_cavdf") || (Zones[i].name == "intervient") ) {
				if (document.formulaire(Zones[i].name)[0].checked == false)   {
				Camca="derog";
				}
			} else {
					if (document.formulaire(Zones[i].name)[0].checked == false)   {
					Camca="non";
					}
			}
	}

Sous IE cela fonctionnait parfaitement mais sous Google Chrome cela ne fonctionne plus.
J'ai rajouté un id à chacun des boutons radio mais je ne sais pas comment réécrire le javascript sans avoir à tester tous les boutons radio un par un, j'en ai 19.

Voici une partie du code de mon formulaire :

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
39
40
41
		<tr>
			<td align="left" >
				Le financement est un terrain seul
			</td>
			<td align="center">non
				<input name="terrain" id="terrain_E" type="radio" value="2" align="middle" onclick="suite_disabled();" >
			</td>
			<td align="center">oui
				<input name="terrain" id="terrain_N" type="radio" value="1" align="middle" onclick="suite_disabled();" >
			</td>	
			<td align="left" >
				Le financement comporte un P.A.S 
			</td>
			<td align="center">non
				<input name="finan_pas" id="finan_pas_E" type="radio" value="2" align="middle"  onclick="suite_disabled();">
			</td>
			<td align="center">oui
				<input name="finan_pas" id="finan_pas_N" type="radio" value="1" align="middle" onclick="suite_disabled();" >
			</td>	
		</tr>
 
		<tr>
			<td align="left" >
				Le client est résident
			</td>
			<td align="center">oui
				<input name="resident" id="resident_E" type="radio" value="1" align="middle" onclick="suite_disabled();" >
			</td>
			<td align="center">non
				<input name="resident" id="resident_N" type="radio" value="2" align="middle" onclick="suite_disabled();" >
			</td>	
			<td align="left" >
				L emprunteur est FICP ou IB
			</td>
			<td align="center">non
				<input name="emprunteur" id="emprunteur_E" type="radio" value="2" align="middle" onclick="suite_disabled();" >
			</td>
			<td align="center">oui
				<input name="emprunteur" id="emprunteur_N" type="radio" value="1" align="middle" onclick="suite_disabled();" >
			</td>	
		</tr>

Est-ce que quelqu'un saurait m'aider à réécrire ce code javascript ?

NB : ce n'est pas moi qui est écrit le code au départ.

Merci d'avance à ceux qui pourront m'aider.

21/09/2015, 15h18
Jacques Beauregard

Bonjour,

Pourquoi ne pas mettre une classe sur tous tes boutons radios et les récupérer sous forme d'une collection ?

Code:

var mesBoutonRadios = document.getElementsByClassName("BoutonRadioClass")
21/09/2015, 16h11
SpaceFrog

Code:

var Zones = document.formulaire.elements

kézako "formuliare" ??
21/09/2015, 16h17
flomac

Citation:

Envoyé par Jacques Beauregard

Bonjour,

Pourquoi ne pas mettre une classe sur tous tes boutons radios et les récupérer sous forme d'une collection ?

Code:

var mesBoutonRadios = document.getElementsByClassName("BoutonRadioClass")

Est-ce que je pourrai avoir le javascript qui correspondrait à mon test car je n'arrive pas à le faire ?
Il faut que lorsque l'un de mes boutons d'index 0 n'est pas coché, je mette Camca="non"; ou autrement dit si tous mes boutons d'index 0 sont cochés je laisse Camca="oui";
21/09/2015, 16h20
Jacques Beauregard

Peut-on avoir un console.log sur :

Code:

document.formulaire(Zones[i].name)[0]

?
21/09/2015, 16h34
flomac

Citation:

Envoyé par SpaceFrog

Code:

var Zones = document.formulaire.elements

kézako "formuliare" ??

C'est le nom du formulaire. Perso je ne l'aurai pas appelé comme ça.
21/09/2015, 16h42
flomac

Citation:

Envoyé par Jacques Beauregard

Peut-on avoir un console.log sur :

Code:

document.formulaire(Zones[i].name)[0]

?

Ca ne fonctionne pas dans Google Chrome, j'ai l'erreur Uncaught TypeError: object is not a function
21/09/2015, 16h45
Jacques Beauregard

Si tu as laissé Zones[i] c'est sûr :aie:
Ma question : que représente l'index 0 ?
21/09/2015, 16h57
SpaceFrog

Code:

document.forms['formulaire'].elements[Zones[i].name]][0]
21/09/2015, 17h00
flomac

Citation:

Envoyé par Jacques Beauregard

Si tu as laissé Zones[i] c'est sûr :aie:
Ma question : que représente l'index 0 ?

En fait chaque bouton radio peut prendre 2 valeurs qui à l'écran pour l'utilisateur correspondent à oui ou non dans le tableau. Le oui peut être soit le 1er bouton radio (que j'appelle index 0), soit le 2ème bouton (que j'appelle index 1).
Il faut que tous les 1ers bouton soient cochés pour que mon dossier soit eligible, donc camca="oui"

Ce n'est pas facile d'expliquer
22/09/2015, 08h58
flomac

Citation:

Envoyé par SpaceFrog

Code:

document.forms['formulaire'].elements[Zones[i].name]][0]

Ca fonctionne parfaitement en enlevant en "]" derrière "name".

Merci beaucoup SpaceFrog et bonne journée