comment créer un bouton radio avec des images

Question

Je veux avoir un bouton radio avec des images au lieu du texte. Donc, je veux avoir une image de mâle et femelle au lieu d'un texte de mâle et femelle. Est-ce que cela peut être fait en utilisant un HTML standard ou dois-je utiliser jQuery? Comment puis-je faire cela?

Answer 1

Utilisez <label> éléments pour héberger vos images, comme ceci:

<input type="radio" name="sex" value="male" id="male-radio"> 
<label for="male-radio"><img src="male.gif"></label> 

<input type="radio" name="sex" value="female" id="female-radio"> 
<label for="female-radio"><img src="female.gif"></label> 

Exemple de travail: http://jsfiddle.net/RichieHindle/vQwCF/