Radio button skin

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:

---

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:

---

1 2 3

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

---

Je ne vois pas mon erreur ....

Merci d'avance

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

OK donc j'ai fait la modif suivante :

Code:

---

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:

---

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>

---