Zone cliquable d'une checkbox [Résolu]

Fingertip · 12/04/2011, 14h55

Bonjour à tous!

Je cherche à rendre cliquable toute la zone de mes checkbox, en particulier le texte qui va avec, et pas uniquement la p'tite case, et cela pour faciliter la navigation.

Est-ce faisable en css ? ou dois-je passer pas du Javascript ?

J'ai cherché un peu à droite a gauche mais n'ai rien trouvé de probant.

D'avance merci!

E.Bzz · 12/04/2011, 15h03

Bonjour,

il te suffit d'utiliser la balise (HTML) <label> :

Code html :

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

<label for="id_checkbox">Ton texte</label><input type="checkbox" id="id_checkbox">

Pas besoin de CSS, donc.

A+

Fingertip · 13/04/2011, 09h18

Ca fonctionne impec. Merci!

12/04/2011, 14h55	#1
Fingertip Invité de passage Inscription : janvier 2010 Messages : 33 Détails du profil Informations forums : Inscription : janvier 2010 Messages : 33 Points : 0 Points : 0	Zone cliquable d'une checkbox Bonjour à tous! Je cherche à rendre cliquable toute la zone de mes checkbox, en particulier le texte qui va avec, et pas uniquement la p'tite case, et cela pour faciliter la navigation. Est-ce faisable en css ? ou dois-je passer pas du Javascript ? J'ai cherché un peu à droite a gauche mais n'ai rien trouvé de probant. D'avance merci!
	00

12/04/2011, 15h03	#2
E.Bzz Responsable Modération Inscription : janvier 2007 Messages : 9 309 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Secteur : Finance Informations forums : Inscription : janvier 2007 Messages : 9 309 Points : 15 737 Points : 15 737	Bonjour, il te suffit d'utiliser la balise (HTML) <label> : Code html : Sélectionner tout - Visualiser dans une fenêtre à part <label for="id_checkbox">Ton texte</label><input type="checkbox" id="id_checkbox"> Pas besoin de CSS, donc. A+
	20

13/04/2011, 09h18	#3
Fingertip Invité de passage Inscription : janvier 2010 Messages : 33 Détails du profil Informations forums : Inscription : janvier 2010 Messages : 33 Points : 0 Points : 0	Ca fonctionne impec. Merci!
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email