Groupe de radios, déselection impossible?

**jgrmstr** · 25/01/2011, 10h28

Bonjour,
J'ai un groupe de radios nommé "disposition", au premier affichage de la page aucun élément n'est sélectionné.
Ensuite par javascript je veux que lors d'un click sur un bouton le formulaire soit vidé.
Mais le groupe radio me pose problème: malgré que je fasse une boucle sur les élémens du groupe pour les désélectionner, le dernier radio reste coché, apparemment il est impossible de vider complètement?
Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var tbb = document.getElementsByName('disposition').length;
		for(ii=0; ii<=tbb; ii++){
			document.getElementById(ii+1).checked='false'; }

**RomainVALERI** · 25/01/2011, 11h18

Envoyé par jgrmstr

Bonjour,
J'ai un groupe de radios nommé "disposition", au premier affichage de la page aucun élément n'est sélectionné.

Il y a déjà une contradiction

Par définition, un groupe de boutons radio présente la caractéristique principale de toujours sélectionner un et un seul élément. Ce que tu veux faire, ce sont des cases à cocher. ^^

**jgrmstr** · 25/01/2011, 11h24

En fait oui je souhaite qu'un et un seul élément puisse être sélectionné.
Ce que je fais c'est juste comme si je rechargeais le formulaire, et donc qu'il redevienne comme au premier affichage de page (aucun choix fait mais choix obligatoire et unique).
Ce n'est pas possible?

**RomainVALERI** · 25/01/2011, 11h52

Pour un groupe de boutons radio : ajoute un choix par défaut ^^

**SpaceFrog** · 25/01/2011, 12h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(ii+1)

des id numériques...

**jgrmstr** · 25/01/2011, 12h16

Oui le choix par défaut c'est ce que j'ai finit par faire... Je voulais juste savoir si c'était possible.
@SpaceFrog j'imagine que tu relèves les id numériques pour la confusion qu'ils peuvent amener?

**RomainVALERI** · 25/01/2011, 12h22

On lit en effet ici que :

Envoyé par vétrouacé

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

**Bovino** · 25/01/2011, 12h24

Envoyé par jgrmstr

Je voulais juste savoir si c'était possible.

Il ne me semble pas.

**jgrmstr** · 25/01/2011, 12h36

Oh d'accord oui c'est vrai que j'ai déjà lu ça en plus

Ok merci à vous deux

**SpaceFrog** · 25/01/2011, 12h39

j'ai pas tout suivi ... mais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
function desel(){
sels=document.getElementsByName('foo')
var i=-1
while(sels[++i]){
	sels[i].checked=false
	}
	}
</script>
</head>
 
<body>
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='radio' name="foo" />
<input type='button' name="bar" onclick="desel()"/>

fonctionne pour moi

**jgrmstr** · 25/01/2011, 13h05

Ah effectivement

Je me demande ce que j'avais de faux...

**SpaceFrog** · 25/01/2011, 13h29

sans doute ne pas boucler sur les names ...

**jgrmstr** · 25/01/2011, 13h58

Envoyé par SpaceFrog

sans doute ne pas boucler sur les names ...

Pourtant la boucle se fait sur les ID, je me sers juste des names pour le nombre d'itérations!

**SpaceFrog** · 25/01/2011, 14h44

ben aucun souci avec le id...

à condition qu'il ne soit pas uniquement numérique ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function desel(){
sels=document.getElementsByName('foo')
var i=-1
while(sels[++i]){
	document.getElementById('foo'+(i+1)).checked=false
	}
	}
</script>
</head>
 
<body>
<input type='radio' name="foo" id="foo1"/>
<input type='radio' name="foo" id="foo2" />
<input type='radio' name="foo" id="foo3" />
<input type='radio' name="foo" id="foo4" />
<input type='radio' name="foo" id="foo5" />
<input type='radio' name="foo" id="foo6" />
<input type='radio' name="foo" id="foo7" />
<input type='radio' name="foo" id="foo8" />
<input type='radio' name="foo" id="foo9" />
<input type='button' name="bar" onclick="desel()"/>
</body>

**jgrmstr** · 25/01/2011, 16h19

Okay merci pour les réponses

**NoSmoking** · 25/01/2011, 18h40

Envoyé par jgrmstr

Ah effectivement

Je me demande ce que j'avais de faux...

dans ta fonction plusieurs erreurs ou maladresse

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var tbb = document.getElementsByName('disposition').length;

pourquoi ne pas utiliser la nodeList retournée par getElementsByName cela donnerait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var oRadio = document.getElementsByName('disposition');
var nb = oRadio.length;

ensuite on boucle sur la liste pour remettre à false et non à 'false', on aura donc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
  for( var i = 0; i < nb; i++){
    oRadio[i].checked = false;
  }

et pour une vue d'ensemble cela donne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var oRadio = document.getElementsByName('disposition');
var nb = oRadio.length;
for( var i = 0; i < nb; i++){
    oRadio[i].checked = false;
  }

nota : ne pas oublier tout ce qui a été dit d'autre part et notamment le rappel de RomainVALERI sur les ID et NAME

Groupe de radios, déselection impossible?

JavaScript

Discussions similaires

Partager

Partager