Groupe de radios, déselection impossible? [Résolu]

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

Citation:

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 :

Citation:

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

Citation:

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

Citation:

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

Citation:

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

25/01/2011, 11h24	#3
jgrmstr Invité de passage Inscription : janvier 2011 Messages : 18 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 18 Points : 1 Points : 1	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?
	00

25/01/2011, 11h52	#4
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 572 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 572 Points : 4 073 Points : 4 073	Pour un groupe de boutons radio : ajoute un choix par défaut ^^ __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	00

25/01/2011, 12h01	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById(ii+1) des id numériques... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/01/2011, 12h16	#6
jgrmstr Invité de passage Inscription : janvier 2011 Messages : 18 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 18 Points : 1 Points : 1	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?
	00

25/01/2011, 12h36	#9
jgrmstr Invité de passage Inscription : janvier 2011 Messages : 18 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 18 Points : 1 Points : 1	Oh d'accord oui c'est vrai que j'ai déjà lu ça en plus Ok merci à vous deux
	00

25/01/2011, 13h05	#11
jgrmstr Invité de passage Inscription : janvier 2011 Messages : 18 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 18 Points : 1 Points : 1	Ah effectivement Je me demande ce que j'avais de faux...
	00

25/01/2011, 13h29	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	sans doute ne pas boucler sur les names ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/01/2011, 16h19	#15
jgrmstr Invité de passage Inscription : janvier 2011 Messages : 18 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 18 Points : 1 Points : 1	Okay merci pour les réponses
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email