Page 1 sur 2

bouton radio se coche/décoche en cliquant le libellé

Posté : 29 juil. 2005, 14:14
par Justone
Bonjour

Je voudrais savoir comment faire pour que mes 3 bouton radio se coche et se décoche en cliquant sur le libéllé. Bien sur il faudrait qu'il soit possible d'en cocher qu'un seul a la fois.

Qqn a-t-il deja fait ca??

Merci

Posté : 29 juil. 2005, 14:30
par charabia
Je crois bien que tu t'es trompé de forum...c'est plutôt du javascript tout ça :wink:

Posté : 29 juil. 2005, 15:00
par mere-teresa
balise label ?

Posté : 29 juil. 2005, 15:03
par Justone
Ba justement c'est ce que j'avais vu mais ca ne marche pas!!

Qqn aurait il un exemple de code ou ca fonctionne?

Merci

Posté : 29 juil. 2005, 15:09
par mere-teresa
Oui j'ai un exemple :)

source : http://www.google.fr/

Code : Tout sélectionner

<html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Google</title> <style><!-- body,td,a,p,.h{font-family:arial,sans-serif;} .h{font-size: 20px;} .q{color:#0000cc;} //--> </style> <script> <!-- function sf(){document.f.q.focus();} // --> </script> </head> <body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onLoad=sf() topmargin=3 marginheight=3> <center><img src="/intl/fr_fr/images/logo.gif" width=276 height=110 alt="Google"> <br><br> <form action=/search name=f> <script><!-- function qs(el) {if (window.RegExp && window.encodeURIComponent) {var ue=el.href;var qe=encodeURIComponent(document.f.q.value);if(ue.indexOf("q=")!=-1){el.href=ue.replace(new RegExp("q=[^&$]*"),"q="+qe);}else{el.href=ue+"&q="+qe;}}return 1;} // --> </script> <table cellspacing=0 cellpadding=0> <tr><td width=25%>&nbsp;</td><td align=center> <input type=hidden name=hl value=fr><input maxLength=256 size=55 name=q value=""><br> <input type=submit value="Recherche Google" name=btnG> <input type=submit value="J'ai de la chance" name=btnI></td> <td valign=top nowrap width=25%></td></tr> <tr><td colspan=3 align=center><font size=-1> Rechercher dans : <input id=all type=radio name=meta value="" checked><label for=all> Web</label><input id=lgr type=radio name=meta value="lr=lang_fr" ><label for=lgr> Pages francophones</label><input id=cty type=radio name=meta value="cr=countryFR" ><label for=cty>Pages : France</label></font></td></tr></table> </form> </body></html>

Posté : 29 juil. 2005, 15:28
par zeus
Oui j'ai un exemple :)
source : http://www.google.fr/
Il ets enorme ce site ...

merci a mere-teresa de nous faire connaitre tout tes petits secrets :langue:

Posté : 29 juil. 2005, 15:31
par charabia
Je crois que la balise label ne peut pas prendre en compte plusieurs bouton radio mais un seul...

Posté : 29 juil. 2005, 16:03
par Justone
Alors qqn sait comment faire pour plusierus boutons??

Merci

Posté : 29 juil. 2005, 16:16
par mere-teresa
Aaah j'avais pas compris la question : oui pour avoir un coche les tous, il faut des cases à cocher et non pas des boutons radios :) les boutons radio,c'est un seul choix parmi...
Et en plus, c'est du Javascript....
Hop ! Changemnet de forum.

Et hop rechangement de forum

Posté : 29 juil. 2005, 16:37
par JazzFinder
Bon. Finissons-en! :wink:
Un exemple d'un de mes formulaires. Note l'utilisation de label, legend, et fieldset, ils ne sont pas tous nécessaires dans ton cas, mais prend le temps de les étudier:

Code : Tout sélectionner

<table border="0" cellpadding="2" cellspacing="2" width="375" bgcolor="#cc8080"> <tr> <td align="left" valign="top"> <fieldset> <legend align="center">4.1 Ta question blabla...? (ta question en titre)</legend> <label for="4.1-1"><input type="radio" id="4.1-1" name="Q4.1" value="Choix 1" checked="checked">Choix 1</label><br> <label for="4.1-2"><input type="radio" id="4.1-2" name="Q4.1" value="Choix 2">Choix 2</label><br> <label for="4.1-3"><input type="radio" id="4.1-3" name="Q4.1" value="Choix 3">Choix 3</label><br> </fieldset> </td> </tr> </table>

Posté : 29 juil. 2005, 16:37
par Justone
Je crois que tu n'as toujours pas compris ma question...

Ce sont des boutons radios que je veux.

Et je veux qu'on puisse les cocher en cliquant sur leurs libéllés.

Mais étant des boutons radios, il ne faut pas qu'il soit possible que plusieurs d'entre eux soient sélectionnés.

Posté : 29 juil. 2005, 16:40
par mere-teresa
Et je veux qu'on puisse les cocher en cliquant sur leurs libéllés.
Mais étant des boutons radios, il ne faut pas qu'il soit possible que plusieurs d'entre eux soient sélectionnés.
Bah donc, étudie le mécanisme de Google.
Tu as 6 boutons radio, par exemple, et tu veux qu'en cliquant sur le texte du bouton1, le bouton1 soit coché ?

Si c'est ça :

http://openweb.eu.org/articles/formulai ... html#radio

Code : Tout sélectionner

<fieldset> <legend>Civilité</legend> <ul> <li><label for="civilitemr"> <input value="monsieur" name="civilite" id="civilitemr" type="radio"> Monsieur </label></li> <li><label for="civilitemme"> <input value="madame" name="civilite" checked="checked" id="civilitemme" type="radio"> Madame </label></li> <li><label for="civilitemlle"> <input value="mademoiselle" name="civilite" id="civilitemlle" type="radio"> Mademoiselle </label></li> </ul> </fieldset>

Posté : 29 juil. 2005, 16:43
par Justone
Oui c'est ca!!

EDIT :
Ah tu as édité ton message mere teresa, je n'avais pas vu ton lien et ton exemple de code!

Merci bcp pour ton aide (une fois de plus!) :wink:

Posté : 29 juil. 2005, 16:43
par JazzFinder
Ça devrait être déplacé dans le forum HTML...ça n'a rien à avoir avec Javascript.

Posté : 29 juil. 2005, 16:45
par JazzFinder
Et un merci...ça coûte cher dans ton patelin???