Javascript checkbox

Bonjour moi j'ai un ptit soucis c'est que j'aimerai pouvoir degriser des checkbox quand je coche ma premiere checkbox.

<script type="text/JavaScript" language="JavaScript">

function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').disabled="true" ;
document.getElementById('box3').disabled="true" ;

}
else
{
document.getElementById('boxvoip').disabled="false" ;
document.getElementById('boxtv').disabled="false" ;
}
}
</script>

<form name="Feuille">
<table style="margin-left: 0px; width: 1007px;" border="0">

<td style="width: 115px;">

<input type="checkbox" name="checkbox1" id="box1" onClick="degriser()">

<input type="checkbox" name="checkbox2" id="box2">

<input type="checkbox" name="checkbox3" id="box3">

</td>
</table></form>

Merci d'avance

8 réponses

  1. Bonjour,

    Je remonte un peu ce topic.

    Alors voilà je réalise un site intranet avec les langages js et php, entre autres.

    j'ai un ensemble de cases à cochées, et je voudrais faire une case à cocher générale qui permette de sélectionner toutes les autres cases à cocher.

    Bon tout cela est réalisé, mais je n'arrive pas à trouver de méthode pour pouvoir, lorsqu'une case à cocher est coché par l'intermédiaire d'une fonction, exécuter une fonction...

    En clair, sur chaque input type="checkbox", j'ai une fonction affiche_ss_famille() qui s'exécute lors d'un clic sur la case.
    Mais, si je veux cocher toutes mes cases via celle principale...toutes mes cases se cochent bien mais comment déclencher la fonction qui se trouve sur chacune d'elles ?

    onchange=affiche_ss_famille()

    Il me faudrait un intermédiaire au onchange, mais qui s'exécute donc au changement de valeur non manuel....

    Merci de pouvoir m'orienter.

    Necro27
    1. Bonjour,
      function degriser()
      {
      if (document.forms["Feuille"].checkbox1.checked)
      {
      document.getElementById('box2').disabled=true;
      document.getElementById('box3').disabled=true;
      }
      else
      {
      document.getElementById('box2').disabled=false;
      document.getElementById('box3').disabled=false;
      }
      }

      si ton checkbox1 est coché, tes "box2" et "box3" vont être griser
      1. Bonjour,
        il ne faut pas mettre le booleen (false ou true) entre guillemets et ça marchera !
        Je viens d'avoir le meme probleme et de le resoudre
        1. if (document.forms["Feuille"].checkbox1.checked)
          {
          document.getElementById('box2').enbled="true" ;
          document.getElementById('box3').enbled="true" ;

          }

          ca serait pas plustot
          document.getElementById('box2').enabled="true" ;
          document.getElementById('box3').enabled="true" ;
          1. function degriser()
            {
            if (document.forms["Feuille"].checkbox1.checked)
            {
            document.getElementById('box2').checked=0 ;
            document.getElementById('box3').checked=0 ;
            }
            }
            1. <script type="text/JavaScript" language="JavaScript">

              function degriser()
              {
              if (document.forms["Feuille"].checkbox1.checked)
              {
              document.getElementById('box2').enbled="true" ;
              document.getElementById('box3').enbled="true" ;

              }
              else
              {
              document.getElementById('boxvoip').disabled="false" ;
              document.getElementById('boxtv').disabled="false" ;
              }
              }
              </script>

              <form name="Feuille">
              <table style="margin-left: 0px; width: 1007px;" border="0">

              <td style="width: 115px;">

              <input type="checkbox" name="checkbox1" id="box1" onClick="degriser()">

              <input type="checkbox" name="checkbox2" id="box2">

              <input type="checkbox" name="checkbox3" id="box3">

              </td>
              </table></form>
              1. {
                document.getElementById('boxvoip').disabled="false" ;
                document.getElementById('boxtv').disabled="false" ;
                }

                Ici j'ai mal codé
                a la place de boxvoip > c'est box 2
                et boxtv => c'est box3
                mais même en modifiant idem si c'est grisé, ca ne degrise pas par la suite.