Checkbox coché pour continuer..

Checkbox coché pour continuer.. - HTML/CSS - Programmation

Marsh Posté le 22-09-2002 à 16:15:05    

Hello,
 
J'ai jamais fait de JS mais je suppose que c'est assez facile à faire donc voila ce que je veux. Tout d'abord il faut que la casse checkbox soit coché pour appuyer sur Submit sinon un message alert() apparait.  
 
Dites moi comment faire please...  :sol:

Reply

Marsh Posté le 22-09-2002 à 16:15:05   

Reply

Marsh Posté le 22-09-2002 à 16:24:51    

tu crées une variable que t'inities à 0, valeur du checkbox décoché, et s'il est coché tu passes ta variable à 1.
Si t'es à 0 ton formulaire te lance l'alert et un return=false, ça t'oblige à cocher la case.

Reply

Marsh Posté le 22-09-2002 à 16:25:57    

montre moi un exemple de script car je connais rien du tout  :(

Reply

Marsh Posté le 22-09-2002 à 16:38:26    

Code :
  1. <form name=test action="go.htm">
  2. <INPUT TYPE="CHECKBOX" name="box1"><INPUT TYPE="CHECKBOX">
  3. <INPUT TYPE="CHECKBOX" name="box2"><INPUT TYPE="CHECKBOX">
  4. </form>
  6. <script language="javascript">
  7. <!--//
  8. var valid=0;
  9. var i;
  10. for (i=1; i<2; i++) {
  11. var CaseX = document.test["box"+i];
  12. if (CaseX.checked==true)
  13.  valid=1;
  14. }
  15. if (valid==1)
  16. document.test.submit();
  17. else
  18. alert();
  19. return=false;
  20. //-->
  21. </script>


 
 
grosso modo, mais la fin est toute fausse :D

Reply

Marsh Posté le 22-09-2002 à 16:54:01    

Code :
  1. <script language="javascript"> 
  2.   <!-//  
  3.   var valid=0;
  4.   var i;
  5.   for (i=1; i<2; i++) {
  6.      var CaseX = document.test["box"+i];
  7.      if (CaseX.checked==true)
  8.         valid=1;
  9.   }
  10.   if (valid==1)
  11.     document.test.submit();
  12.   else 
  13.     alert('Vous n\'avez pas accepter les conditions');
  14.   return=false;
  15.   //-->  
  16.   </script>
  17.   <form name=test action="go.htm">
  18.   <P>
  19.     <INPUT TYPE="CHECKBOX" name="box1">
  20.     J'ai lu les conditions</P>
  21.   <P>
  22.     <INPUT type="submit" name="Submit" value="Envoyer">
  23.   </P>
  24. </form>


 
Voila mon script. Dis moi ou se trouve la faute parce que ca marche pas  :(  :(

Reply

Marsh Posté le 22-09-2002 à 17:21:21    

UP je pensais ke ct plus simple ke ca mais je vois ke c assez corcé  :wahoo:

Reply

Marsh Posté le 22-09-2002 à 20:22:08    

Code :
  1. if (valid==1)
  2.         document.test.submit();
  3.     else 
  4.         alert('Vous n\'avez pas accepter les conditions'); 
  5.     return=false;


 
c'est cette zone qui est fausse, et puis faut bien l'appeller ton script, donc ton formulaire doit renvoyer sur le script, et c'est le script seulement qui fera passer à l'étape suivante!

Reply

Marsh Posté le 22-09-2002 à 20:25:26    

Code :
  1. <script language="javascript">   
  2.     <!//  function condi()
  3. {
  4.     var valid=0; 
  5.     var i; 
  6.          var CaseX = document.test.box1; 
  7.          if (CaseX.checked==true) 
  8.               valid=1; 
  9.     if (valid==1)
  10.         parent.location.href="go.htm"
  11.     else 
  12.         alert('Vous n\'avez pas accepter les conditions'); 
  13.     return false;
  14. }
  15.    //-->   
  16.     </script>
  17.     <form name=test> 
  18.     <P>
  19.       <INPUT TYPE="CHECKBOX" name="box1">
  20.       J'ai lu les conditions</P>
  21.     <P>
  22.       <INPUT type="submit" name="truc" value="Envoyer" onsubmit="javascript:condi()">
  23.     </P>
  24.   </form>


 
 
déjà là ça marchera mieux


Message édité par Krapaud le 22-09-2002 à 20:25:56
Reply

Marsh Posté le 22-09-2002 à 20:26:32    

sinon utilise les boutons radio, tu contournes le problème en deux secondes!

Reply

Marsh Posté le 23-09-2002 à 19:14:43    

Merci le script marche à merveille !!
 
@++

Reply

Marsh Posté le 23-09-2002 à 19:14:43   

Reply

Marsh Posté le 24-09-2002 à 13:07:04    

:jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed