28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

Je me retrouve avec un petit problème relativement surprenant. En effet, dans mon formulaire j'ai des boutons de type radio, et normalement il n'est possible d'en sélectionner qu'un seul à fois, mais voilà, là pour le coup je peux tous les sélectionner, plutôt étrange.

Voici mon morceau de code HTML :


<ul id="monID">
	<li class="maCLASS">
		<label id="monID">Lorem ipsum</label>
		<label><input type="radio" />Lorem ipsum</label>
		<label><input type="radio" />Lorem ipsum</label>
		<label><input type="radio" />Lorem ipsum</label>
		<label><input type="radio" />Lorem ipsum</label>
	</li>
</ul>


J'ai ici viré les "value" et "name" afin de simplifier la lecture mais l'essentiel est là.

Alors, une idée ? Smiley smile

Merci !

Edition : Alors en fait le réel problème n'est pas au niveau des boutons radio, mais du code jQuery que voici :

$("input").click(function(){
	//alert($(this).is(':checked'))
	if($(this).is(':checked'))
	$(this).parent().addClass("check")
	else
	$(this).parent().removeClass("check")       
})


Ce dernier ajoute une classe quand le bouton est coché afin de changer la couleur de fond, de la police et l'image de fond. Mais malheureusement, cela fonctionne parfaitement sur mes boutons de type Checkbox, mais sur les boutons de type Radio, même une fois décoché, la class reste et comme mes connaissances en JS / jQuery sont limitées, je flanche Smiley ohwell

Edition 2 : J'ai trouvé ! Smiley smile
Voici le lien de la solution : http://stackoverflow.com/questions/5462034/remove-background-from-radio-button-on-uncheck
J'ai récupéré le premier script, et cela fonctionne. J'ai bien évidemment remplacé sa Class par la mienne mais le résultat est ok.
En espérant seulement que ce script n'est pas obsolète... Smiley ohwell
Modifié par Kevin_cn (31 May 2013 - 00:31)
a écrit :
J'ai ici viré les "value" et "name" afin de simplifier la lecture mais l'essentiel est là.

Smiley biggrin sauf que virer l'attribut name provoquera justement ce comportement. Il faut qu'ils aient tous la même valeur pour l'attribut name.
Je voulais dire que j'ai viré tout ça pour l'exemple, dans mon code HTML ils sont présents, les valeurs "values" possèdent un nom pour chaque option, et la valeur "name" quant à elle est identique Smiley smile

Et malgré cela, le problème est bien présent. Mais d'après ce que j'ai lu, pour les radio, c'est un peu particulier... je continuerai mon enquête dès demain ^^
a écrit :
Mais d'après ce que j'ai lu, pour les radio, c'est un peu particulier...

salut,
je peux t'assurer qu'il n'y a rien de particulier. Si tu mets un name identique à tous tes input alors ça marchera.
La meilleure solution serait que tu envoies le code qui te pose problème tel quel, sans enlever rien du tout.