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

29 juil. 2005, 14:14

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

29 juil. 2005, 14:30

Je crois bien que tu t'es trompé de forum...c'est plutôt du javascript tout ça

29 juil. 2005, 15:00

balise label ?

29 juil. 2005, 15:03

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

29 juil. 2005, 15:09

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>

29 juil. 2005, 15:28

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

29 juil. 2005, 15:31

Je crois que la balise label ne peut pas prendre en compte plusieurs bouton radio mais un seul...

29 juil. 2005, 16:03

Alors qqn sait comment faire pour plusierus boutons??

Merci

29 juil. 2005, 16:16

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

29 juil. 2005, 16:37

Bon. Finissons-en!

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>

29 juil. 2005, 16:37

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.

29 juil. 2005, 16:40

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>

29 juil. 2005, 16:43

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!)

29 juil. 2005, 16:43

Ça devrait être déplacé dans le forum HTML...ça n'a rien à avoir avec Javascript.

29 juil. 2005, 16:45

Et un merci...ça coûte cher dans ton patelin???

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

Qui est en ligne