begin process at 2010 02 10 15:18:23
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Fonctionnement d'une propriété d'un navigateur

 > 

Checkbox a conditions...


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Checkbox a conditions...

dimanche 27 avril 2008 à 11:59:01 | Checkbox a conditions...

jpv424

Bonjour à tous et merci pour votre aide !

J'ai un petit formulaire avec checkbox et le code vaut mieux qu'une explication :

        <script language="javascript">
            function verif(){
             
                if(document.forms.add.pc_sp.checked){
                    document.forms.add.pc_m.checked;
                    document.forms.add.pc_c.checked;
                    document.forms.add.pc_p.checked;
                    document.forms.add.pc_e.checked;
                    document.forms.add.pc_t.checked;
                }
           
                if(document.forms.add.pc_m.checked || document.forms.add.pc_c.checked || document.forms.add.pc_p.checked || document.forms.add.pc_e.checked || document.forms.add.pc_t.checked)
                    document.forms.add.pc_sp.checked = 0;
            }
        </script>

En gros voila ce que je veux faire...

Je vous poste quand même un exemple d'input :
<input name="pc_sp" type="checkbox" id="pc_sp" onchange="verif()" />

Le problème c'est qu'avec ce code, quand je clique sur toutes les cases sauf pc_sp sa va. Quand je clique sur pc_sp, toutes les cases sauf pc_sp s'éteigne. Jusque la normal.

Le problème : Je veut que pc_sp éteigne toute les cases. Et la sa marche pas.

Merci
dimanche 27 avril 2008 à 12:06:47 | Re : Checkbox a conditions...

nicomilville

Membre Club
Salut,

>>Le problème c'est qu'avec ce code, quand je clique sur toutes les cases sauf pc_sp sa va. Quand je clique sur pc_sp, toutes les cases sauf pc_sp s'éteigne. Jusque la normal.
      Que veus tu dire par éteindre, tu veus dire déselectionné ? ou déchecké ? si tu préfère !

>>Le problème : Je veut que pc_sp éteigne toute les cases. Et la sa marche pas.
      Tu viens de dire plus haut que quand tu cliquais sur pc_sp toute les cases sauf pc_sp s'éteignait ou est le pb ?


Si t'a besoin d'aide, MP !!!

dimanche 27 avril 2008 à 13:42:21 | Re : Checkbox a conditions...

bultez

Membre Club


Bonjour,
    si on avait le html.... ça nous éviterait de le refaire....
    je mis perd dans tes name...
    document.forms.add...   curieux...
    document.forms.add.pc_sp.checked = 0;   bizarre.... true ou false non ?

                Cordialement            Bul         [mon Site]     [M'écrire]
dimanche 27 avril 2008 à 13:45:29 | Re : Checkbox a conditions...

nicomilville

Membre Club

Bultez++

C'est ce que je t'es mis dans mon dernier mp !!!

@bultez : je crois que j'ai lu quelque part que pour un boolen on peut remplacer false par 0 et true par 1 et tout nombre supérieur a 0 !!!

a++

Si t'a besoin d'aide, MP !!!

dimanche 27 avril 2008 à 14:05:48 | Re : Checkbox a conditions...

jpv424

Voila ce qui faut faire ! http://sierragolf3.free.fr/check.html

Merci
dimanche 27 avril 2008 à 14:06:35 | Re : Checkbox a conditions...

bultez

Membre Club
>>pour un boolen on peut remplacer false par 0 et true par 1 et tout nombre supérieur a 0 !!!
    j'ai déjà tester ça dans d'autres langages effectivement , jamais en javascript,
           mais pour s'amuser et faire des trucs "bizarres".... c'est tout !
    il est vrai que compte tenu du reste, c'est un détail.....

                Cordialement            Bul         [mon Site]     [M'écrire]
dimanche 27 avril 2008 à 14:09:03 | Re : Checkbox a conditions...

bultez

Membre Club
>>http://sierragolf3.free.fr....
    et ben alors... demande l'autorisation et si tu l'obtiens,
       copie/colle ce qu'ils font....

                Cordialement            Bul         [mon Site]     [M'écrire]
dimanche 27 avril 2008 à 15:27:58 | Re : Checkbox a conditions...

jpv424

Mais lol quoi c'est MON ftp avec un exemple fait en deux deux pour vous ! L'exemple ne marche pas ! Et je ne vois pas l'erreur!
dimanche 27 avril 2008 à 15:34:38 | Re : Checkbox a conditions...

nicomilville

Membre Club
Re, je suis allé jeter un coup d'oeuil et j'ai testé en local comme me l'a conseillé bultez et dans un premier temps, je pense qu'il faudrai :

- mettre le script entre les balises head
- ne pas mettre l'atribut onchange sur les checkbox mais l'attribut onclick (testé, ça marche !!!)
- ensuite, si tu coche ta checkbox qui dois deselectionner toute les autres si tu clique sur les autres elles ne réagirons pas, il faudra la décocher dabord !!!

Enfin voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [ Lien ]">
<html xmlns=" [ Lien ]" xml:lang="fr" lang="fr">
    <head>
        <title>Mini-chat</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script type="text/javascript">
  function verif(){
  
  if(document.forms.add.pc_sp.checked == true){
   document.forms.add.pc_m.checked = false;
   document.forms.add.pc_c.checked = false;
   document.forms.add.pc_p.checked = false;
   document.forms.add.pc_e.checked = false;
   document.forms.add.pc_t.checked = false;
  }
  
  if(document.forms.add.pc_m.checked == true || document.forms.add.pc_c.checked == true || document.forms.add.pc_p.checked == true || document.forms.add.pc_e.checked == true || document.forms.add.pc_t.checked == true)
   document.forms.add.pc_sp.checked = false;
  }
  </script>
 </head>
    <body>
 <form action="check.html" method="post" id="add">
<table width="820" cellpadding="2" cellspacing="0" style="padding-left:30px;">
  <tr>
    <td width="484" class="mgauche centrer">pc_sp
      <input name="pc_sp" type="checkbox" id="pc_sp" onclick="verif()" />
      Cette case doit pouvoir décocher toute les autre    </td>
    <td width="326" class="mgauche centrer">pc_p
      <input type="checkbox" name="pc_p" id="pc_p" onclick="verif()" />
      Décoche pc_sp </td>
  </tr>
  <tr>
    <td class="mgauche centrer">pc_m
      <input type="checkbox" name="pc_m" id="pc_m" onclick="verif()" />
      Décoche pc_sp   </td>
    <td class="mgauche centrer">pc_e
      <input type="checkbox" name="pc_e" id="pc_e" onclick="verif()" />
      Décoche pc_sp </td>
  </tr>
  <tr>
    <td class="mgauche centrer">pc_c
      <input type="checkbox" name="pc_c" id="pc_c" onclick="verif()" />
      Décoche pc_sp </td>
    <td class="mgauche centrer">pc_t
      <input type="checkbox" name="pc_t" id="pc_t" onclick="verif()" />
      Décoche pc_sp </td>
  </tr>
</table>
</form>
 </body>
</html>

Si t'a besoin d'aide, MP !!!

dimanche 27 avril 2008 à 15:41:27 | Re : Checkbox a conditions...

nicomilville

Membre Club
j'ai trouvé la solution pour décocher la case une fois qu'elle a décoché toute les autre :

  function verif(){
  
  if(document.forms.add.pc_sp.checked == true){
   document.forms.add.pc_m.checked = false;
   document.forms.add.pc_c.checked = false;
   document.forms.add.pc_p.checked = false;
   document.forms.add.pc_e.checked = false;
   document.forms.add.pc_t.checked = false;
   document.forms.add.pc_sp.checked = false;
  }
  
  if(document.forms.add.pc_m.checked == true || document.forms.add.pc_c.checked == true || document.forms.add.pc_p.checked == true || document.forms.add.pc_e.checked == true || document.forms.add.pc_t.checked == true)
   document.forms.add.pc_sp.checked = false;
  }
  </script>

a++ et bonne fin de journée !!!

Si t'a besoin d'aide, MP !!!


1 2

Cette discussion est classée dans : pc, forms, add, document, checked


Répondre à ce message

Sujets en rapport avec ce message

coherence de 2 dates [ par gaga38 ] salut à tous, j'ai un probleme, je fais saisir à l'utilisateur 2 dates, une dates de debut et une de fin avec en tout 6 select --2 pour les annees (u succession de questions (form.) [ par ssylvain ] Le code ci-dessous est un formulaire de questions qui se succèdent dans un 1er champ.Dans le 2ème champ, le candidat donne sa réponse.Puis il valide.E checkbox [ par mekano ] Est-ce qu'il est possible que lorsqu'on active un check box cela fait apparaitre une zone de texte qui etais jusque la invisible et lorsque lon desact Garder des valeurs en paramètre [ par PatriceVB ] Je vais essayer d'expliquer mon problème :j'ai une page avec plusieurs liste déroulantes et quelques zones de texte. J'ai deux listes qui sont dépenda acces au champ d un formulaire par variable [ par Poulipe ] Bonjour,je cherche mais sans resultat comment remplacer ca :if(document.contact.interet_1.checked!=false){ ++temoin;}if(document.contact.interet_2.che Problème de formulaire [ par beku ] Bonjour à tous !J'ai n problème avec ce formulaire : quand je clicke sur mon bouton de validation, j'ai l'impression que le navigateur ne lance pas la window.opener [ par iomega ] Bonjour à tous je voudrai savois si l'on peut modifier le chemin d'accès du forms ? merci à tous de votre aide faut-il le changer le nom du répertoir problème de popup [ par Thundrax ] On va dire que g un petit problème étant débutant javascript.alors en faite pour faire simple j'ai besoin de récup la valeur d'un bouton d'un popup (f problème de rafraichissement de liste [ par Zayl ] Bonjour,J'essaie de rafraichir mes listes avec un morceau de code qui a déjà fait ses preuves et cela ne marche pas... function selectService(){ $dat document.forms[0] has no properties [ par Atorina ] J'ai  ce message d'erreur là sous Mozilla. Quelqu'un peut-il m'aider? <span style="font-style: italic;"


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,264 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales