Page 1 sur 1

interactivité Checkbox <--> Boutons radios ?

Posté : 11 mai 2005, 14:51
par Skiwee
Bonjour tout le monde,

j'aimerai savoir comment faire pour ceci :


J'ai un checkbox et plusieurs boutons radios a coté, qui doivent être disabled par défaut.

je veux que lorsque je clique sur le checxbox, les boutons radios deviennent enabled...

pour l'instant j'ai qqchose comme ça :

Code:
// ici les boutons radios 

<td> 
   <input type=radio name=typegraph value=1 disabled>barres verticales<br> 
   <input type=radio name=typegraph value=2 disabled>barres horizontales<br> 
   <input type=radio name=typegraph value=3 disabled>points <br> 
   <input type=radio name=typegraph value=4 disabled>points reliés<br> 
   <input type=radio name=typegraph value=5 disabled>camemberts<br> 
   <input type=radio name=typegraph value=6 disabled>donuts<br> 
</td> 



//ici la checkbox qui appelle la fonction enable qui devrait me rendre cliquable mes boutons radios 

<td align=center> <input type=checkbox name=choix[] value=$i onClick=javascript:enable() ;> </td> 



// ici la fonction enable placée toute en haut de la page 

function enable() 
{ 
   formulaire.typegraph.enabled ; 
} 
[/code]

seulement ben... ça marche pas ...

Si vous pouviez m'aider un peu svp


p.s: il faudrait effacé le poste identique ... je ne m'étais pas identifié... :oops:

Posté : 11 mai 2005, 15:13
par Skiwee
J'ai avancé un peu ... peut-être que ca en inspirera certains... ca ne marche toujours pas mais je pense que c'est la bonne voi...

je clique sur la checkbox -> les boutons radios passent a ENABLED... (there is my quest)


function enable(objet) // permet de rendre clikable les boutons radios quand une requete est selectionnée
{
    eval("formulaire.typegraph"+objet+".disabled=false");
}


// les boutons radios
<td> 
   <input type=radio name=typegraph$typegraph value=1 disabled>barres verticales<br> 
   <input type=radio name=typegraph$typegraph value=2 disabled>barres horizontales<br>
   <input type=radio name=typegraph$typegraph value=3 disabled>points <br>
   <input type=radio name=typegraph$typegraph value=4 disabled>points reliés<br>
   <input type=radio name=typegraph$typegraph value=5 disabled>camemberts<br>
   <input type=radio name=typegraph$typegraph value=6 disabled>donuts<br>
</td>


// la checkbox
  <td align=center> 
       <input type=checkbox name=choix[] value=$i onClick=javascript : enable ( $i) ;> 
  </td>


Posté : 13 mai 2005, 12:21
par jeff34
Voilà un code qui devrait t'aider puisqu'il marche. En espérant que ça ressemble à ce que tu voulais faire :)

Code : Tout sélectionner

<html> <head> <script> function enable(valeur) { fin=document.forms['myform'].typegraph.length; for (i=0;i<fin;i++) { document.forms['myform'].typegraph[i].disabled=valeur ; } } </script> </head> <body> <form name="myform"> <div> <input type="radio" name="typegraph" value="1" disabled>barres verticales<br> <input type="radio" name="typegraph" value="2" disabled>barres horizontales<br> <input type="radio" name="typegraph" value="3" disabled>points <br> <input type="radio" name="typegraph" value="4" disabled>points reliés<br> <input type="radio" name="typegraph" value="5" disabled>camemberts<br> <input type="radio" name="typegraph" value="6" disabled>donuts<br> </div> //ici la checkbox qui appelle la fonction enable qui devrait me rendre cliquable mes boutons radios <div align=center> <input type="checkbox" name="choix[]" value=$i onclick="enable(!(this.checked));" ;> </div> </form> // ici la fonction enable placée toute en haut de la page </body> </html>
@++