Discussion :

[Himotep]

Bonjour,

J'ai un problème de skin de radio bouton.

Je souhaite juste utilisé le thème que j'ai DL depuis le site de jquery ui pour mes radio bouton.

HTML :

Code html :

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

1
2
3
4
<div id="methode">
<input type="radio" name="methode" value="froid" >Froid</input>
<input type="radio" name="methode" value="chaud" >Chaud</input>
</div>

Javascript :

Code :

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

1
2
3
 $(function() {
    $( "#methode" ).buttonset();
});

Je ne vois pas mon erreur ....

Merci d'avance

[Bovino]

Une balise input est autofermante et ne peut avoir de contenu...

[Himotep]

OK donc j'ai fait la modif suivante :

Code html :

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

1
2
3
4
<div id="methode">
<input type="radio" id="radio1" name="methode1" value="a froid"/><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="methode2" value="a chaud"/><label for="radio2">Choice 2</label>
</div>

Cela corrige bien le problème de skin

En revanche mes boutons "reste coché", en effet si je clique sur le bouton 2 puis sur le 1 les 2 sont coché .....

une idée ?


EDIT ->
OK c'est résolu les noms sont en cause, solution :

Code html :

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

1
2
3
4
<div id="methode">
<input type="radio" id="radio1" name="methode" value="a froid"/><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="methode" value="a chaud"/><label for="radio2">Choice 2</label>
</div>