IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

décocher


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Janvier 2006
    Messages
    716
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 716
    Points : 112
    Points
    112
    Par défaut décocher
    Bonjour,
    je voudrais savoir comment je pourrait faire pour si dans un de mes formulaires une de mes cases est coché décocher toutes les autres !

    Voici mes formulaires dans un tableau :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
     
     
    <tr>
        <td height="24" colspan="2">Matin</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td width="6">&nbsp;</td>
        <td width="62">debut</td>
     <?php if ($mode == "lecture")
     {
     ?>
         <td><form name="formm1" method="post" action="">
          <label>
            <input name="heure" type="text" style="width:20px" maxlength="2" disabled>
            :
            <input name="minute" type="text" style="width:20px" maxlength="2" disabled>
      </label>
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
          </label>
          <label>
          <input type="submit" name="Submit" value="Valider" style="visibility:hidden">
          </label>
        </td></form> 
     <?php
     }
     //else
     //{
     ?>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>fin</td>
        <td><form name="formm2" method="post" action="">
          <label>
            <input name="heure" type="text" style="width:20px" maxlength="2" disabled>
            :
            <input name="minute" type="text" style="width:20px" maxlength="2" disabled>
       </label>
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
          </label>
          <label>
          <input type="submit" name="Submit" value="Valider" style="visibility:hidden">
          </label>
        </td></form> 
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2">Apr&egrave;s-midi</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>debut</td>
        <td><form name="forma1" method="post" action="">
          <label>
            <input name="heure" type="text" style="width:20px" maxlength="2" disabled>
            :
            <input name="minute" type="text" style="width:20px" maxlength="2" disabled>
       </label>
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
          </label>
          <label>
          <input type="submit" name="Submit" value="Valider" style="visibility:hidden">
          </label>
        </td></form> 
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>fin</td>
        <td><form name="forma2" method="post" action="">
          <label>
            <input name="heure" type="text" style="width:20px" maxlength="2" disabled>
            :
            <input name="minute" type="text" style="width:20px" maxlength="2" disabled>
      </label>
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
          </label>
          <label>
          <input type="submit" name="Submit" value="Valider" style="visibility:hidden">
          </label>
        </td></form>  
        <td width="20">&nbsp;</td>
      </tr>
        <tr>
        <td colspan="2">Sortie</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>debut</td>
        <td><form name="forms1" method="post" action="">
          <label>
            <input name="heure" type="text" style="width:20px" maxlength="2" disabled>
            :
            <input name="minute" type="text" style="width:20px" maxlength="2" disabled>
       </label>
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
          </label>
          <label>
          <input type="submit" name="Submit" value="Valider" style="visibility:hidden">
          </label>
        </td></form> 
        <td rowspan="2"><img src="images/suppr.jpg" width="50" height="50"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>fin</td>
        <td><form name="forms2" method="post" action="">
          <label>
            <input name="heure" type="text" style="width:20px" maxlength="2" disabled>
            :
            <input name="minute" type="text" style="width:20px" maxlength="2" disabled>
       </label>
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
          </label>
          <label>
          <input type="submit" name="Submit" value="Valider" style="visibility:hidden">
          </label>
        </td></form> 
      </tr>
    et voici ma fonction javascript qui ne fonctionne pas depuis que j'essai de décocher :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
     
     function ChangeStatut1(formulaire) {
      if (formulaire <> formm1 && formulaire.checkbox.checked == true)
      { formm1.checkbox.checked=false;}
      if(formulaire.checkbox.checked == true) {formulaire.heure.disabled=false;  formulaire.minute.disabled=false; formulaire.Submit.style.visibility = 'visible'; }
      if(formulaire.checkbox.checked == false) {formulaire.Submit.style.visibility = 'hidden'; }
     }

  2. #2
    Membre averti Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Points : 439
    Points
    439
    Par défaut solution?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
     function ChangeStatut1(formulaire) {
      if (formulaire <> formm1 && formulaire.checkbox.checked == true)
      { formm1.checkbox.checked=false;}
      if(formulaire.checkbox.checked == true) {formulaire.heure.disabled=false;  formulaire.minute.disabled=false; formulaire.Submit.style.visibility = 'visible'; }
      if(formulaire.checkbox.checked == false) {formulaire.Submit.style.visibility = 'hidden'; }
     }
    Salut, le soucis vient peut-être de ce fait:
    - Selon ton php, qd tu es en mode lecture (=="lecture") tu affiches le formulaire formm1 sinon tu affiches 5 autres formulaires.
    - Seulement dans ta condition au dessus, tu vérifies que dans le cas où ton formulaire est différent de formm1 (du mode lecture) tu décoches la case checkbox de ce dernier...or c'est impossible. Si tu es dans ta condition else alors ton formm1 n'existe pas de même que la checkbox qui s'y trouve...

    non??
    Développeur Web sénior (2005) spécialisé Symfony2 - Je tiens mon petit blog tranquillement, viens faire un tour http://www.ikonenn.com

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Citation Envoyé par franfr57
    Bonjour,
    je voudrais savoir comment je pourrait faire pour si dans un de mes formulaires une de mes cases est coché décocher toutes les autres !
    je pense que l'utilisation des boutons radios te suffira. Ils sont faits pour ca.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="radio" ..... />
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

Discussions similaires

  1. [JavaScript] Problème cocher/décocher checkbox
    Par Le_tzao dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 01/12/2005, 10h07
  2. décocher une checkbox en cochant une autre checkbox
    Par psychoBob dans le forum Général JavaScript
    Réponses: 25
    Dernier message: 22/11/2005, 15h48
  3. [checkbox] décocher automatiquement
    Par debdev dans le forum Composants
    Réponses: 2
    Dernier message: 01/08/2005, 13h09
  4. Comment cocher/décocher plusieurs "checkbox"?
    Par Crazynoss dans le forum ASP
    Réponses: 2
    Dernier message: 15/05/2005, 23h38
  5. [HTML] [Formulaire] Empêcher de cocher/décocher une checkbox
    Par requiemforadream dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 02/05/2005, 15h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo