Groupe de radios, déselection impossible?

Version imprimable

25/01/2011, 10h28
jgrmstr

Groupe de radios, déselection impossible?
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:

1 2 3 var tbb = document.getElementsByName('disposition').length; for(ii=0; ii<=tbb; ii++){ document.getElementById(ii+1).checked='false'; }
25/01/2011, 11h18
RomainVALERI

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 :aie:

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. ^^
25/01/2011, 11h24
jgrmstr

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?
25/01/2011, 11h52
RomainVALERI

Pour un groupe de boutons radio : ajoute un choix par défaut ^^
25/01/2011, 12h01
SpaceFrog

Code:

document.getElementById(ii+1)

des id numériques...
25/01/2011, 12h16
jgrmstr

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?
25/01/2011, 12h22
RomainVALERI

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 (".").
25/01/2011, 12h24
Bovino

Citation:

Envoyé par jgrmstr

Je voulais juste savoir si c'était possible.

Il ne me semble pas.
25/01/2011, 12h36
jgrmstr

Oh d'accord oui c'est vrai que j'ai déjà lu ça en plus :oops:
Ok merci à vous deux

j'ai pas tout suivi ... mais:

Code:

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

25/01/2011, 13h05
jgrmstr

Ah effectivement 8O
Je me demande ce que j'avais de faux...
25/01/2011, 13h29
SpaceFrog

sans doute ne pas boucler sur les names ...
25/01/2011, 13h58
jgrmstr

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!

ben aucun souci avec le id...

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

Code:

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>

25/01/2011, 16h19
jgrmstr

Okay merci pour les réponses :ccool:
25/01/2011, 18h40
NoSmoking
Citation:

Envoyé par jgrmstr

Ah effectivement 8O
Je me demande ce que j'avais de faux...

dans ta fonction plusieurs erreurs ou maladresse

Code:

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

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

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:

1 2 3 for( var i = 0; i < nb; i++){ oRadio[i].checked = false; }
et pour une vue d'ensemble cela donne
Code:

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