Sujet Précédent Sujet Suivant

Verif checkbox en javascript

Fermé
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - Modifié par tipi75 le 11/01/2011 à 19:55
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 12 janv. 2011 à 07:20
Bonjour,

Je voudrais vérifier si mon checkbox a bien été coché avant de cliquer sur mon a href. Si le checkbox n'est pas coché je lui affiche qu"il est obligatoire de le cocher sinon je le renvoi sur paypal.
Comment puis-je faire?

Voici le html: 

$contenu .= '<tr><td class = "colonne-paypal-pdf"><form name = "form-vente-générale" action="" method="POST">'; 
  $contenu .= '<label for="conditionVente"><span id = "condition-vente">J\'accepte les <a href = "" id = "lien-conditionVente"><span id = "mot-conditionGenerale">Conditions générales de vente</span></a></span></label>'; 
  $contenu .= '<input type="checkbox" name="option1" id = "conditionVente" value="conditionVente" /> <span></span></td></tr>'; 
  $contenu .= '<tr><td class = "colonne-paypal-pdf"><img id = "img-paypal" src = "http:images/paypal.png">'; 
                $contenu .= '<img id = "img-pdf" src = "http:images/pdf.png"></td>';



Merci pour votre aide

A voir également:

11 réponses

Réponse 1 / 11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 15
11 janv. 2011 à 21:04 
<tr>
  <td class = "colonne-paypal-pdf">
    <form name = "form-vente-générale" action="" method="POST">
      <label for="conditionVente">
        <span id = "condition-vente">J\'accepte les 
          <a href = "" id = "lien-conditionVente">
            <span id = "mot-conditionGenerale">Conditions générales de vente
            </span></a>
        </span>
      </label>
      <input type="checkbox" name="option1" id = "conditionVente" value="conditionVente" /> 
      <span>
      </span></td>
</tr>  
<tr>
  <td class = "colonne-paypal-pdf">
    <img id = "img-paypal" src = "http:images/paypal.png">
    <img id = "img-pdf" src = "http:images/pdf.png"></td>


1) tout d'abord j'espere que tu as omis intentionellement de ne pas fermer le "</form>"
2) Je procederais de deux manières:
a) ne pas directement creer un bouton submit, mais plutôt un button simple: 

        <input type="button" id="monButonEnvoyeur" onclick="verifieCheckbox('conditionVente');"/>


b) La fonction 

      <script type="javascript/text">
         function verifieCheckbox(idCheckbox)
         {
            var tag = document.getElementbyId(idCheckbox);
            if(tag.checked)
            {
                //proceder a l'envoie de la requette
                document.forms['form-vente-générale'].submit();
            }
            else
            {
                // alerter l'utilisateur
                alert('please accept the condition');
            }
         }
      </script>
0
Réponse 2 / 11
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
11 janv. 2011 à 21:41
Le programme ne veut pas aller dans le javascript.

Voici mon code php: 

		$contenu .= '		<form name = "form-vente-générale" action="" method="POST">';
		$contenu .= '			<label for="conditionVente">';
		$contenu .= '				<span id = "condition-vente">J\'accepte les <a href = "" id = "lien-conditionVente"><span id = "mot-conditionGenerale">Conditions générales de vente</span></a></span>';
		$contenu .= '			</label>';
		$contenu .= '			<input type="checkbox" name = "option1" id = "conditionVente" value="conditionVente" />';
		$contenu .= '			<input type="button" id="monButonEnvoyeur" value = "entrer" onclick="verifieCheckbox(\'conditionVente\');"/>';
		$contenu .= '		</form>';



Voici mon code javascript: 
<script type="text/javascript">
function verifieCheckbox(idCheckbox)
         {
            var tag = document.getElementbyId(idCheckbox);
            if(tag.checked)
            {
                //proceder a l'envoie de la requette
                document.forms['form-vente-générale'].submit();
            }
            else
            {
                // alerter l'utilisateur
                alert('please accept the condition');
            }
         }
</script>


Merci de votre aide
0
Réponse 3 / 11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 15
11 janv. 2011 à 22:05
c#est une petite erreur de ma part: le b -> B

var tag = document.getElementById(idCheckbox);

voici le code complet: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript">
    function verifieCheckbox(idCheckbox)
     {
        var tag = document.getElementById(idCheckbox);
        if(tag.checked)
        {
            //proceder a l'envoie de la requette
            document.forms['form-vente-générale'].submit();
        }
        else
        {
            // alerter l'utilisateur
            alert('please accept the condition');
        }
     }
</script>
  </head>
  <body>
      <?php
         $contenu = '<form name = "form-vente-générale" action="" method="POST">
  					<label for="conditionVente">
  					<span id = "condition-vente">J\'accepte les <a href = "" id = "lien-conditionVente"><span id = "mot-conditionGenerale">Conditions générales de vente</span></a></span>
  					</label>
  					<input type="checkbox" name = "option1" id = "conditionVente" value="conditionVente" />
  					<input type="button" id="monButonEnvoyeur" value = "entrer" onclick="verifieCheckbox(\'conditionVente\');"/>
  				</form>';
  				
  				echo $contenu;
      ?>
  </body>
</html>
0
Réponse 4 / 11
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
11 janv. 2011 à 22:16
Effectivement ça marche. Maintenant, j'aimerai remplacer le bouton simple par deux lien "a href" pour faire deux chose différente. Un lien servira de rediriger l'internaute vers paypal et l'autre lien servirai à télécharger un pdf. Cependant dans les deux cas, le checkbox doit être coché.

Merci de ton aide.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 15
11 janv. 2011 à 22:21
modifie la function 

function verifieCheckbox(idCheckbox , lien)
     {
        var tag = document.getElementById(idCheckbox);
        if(tag.checked)
        {
            //proceder a l'envoie de la requette
           var tagForm = document.forms['form-vente-générale'];
           tagForm.action = lien;
           tagForm.submit();
        }
        else
        {
            // alerter l'utilisateur
            alert('please accept the condition');
        }
     }
0
Réponse 6 / 11
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
11 janv. 2011 à 22:24
Oui mais mes deux "a href" je les insère où? dans le formulaire?? après le formulaire??
0
Réponse 7 / 11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 15
11 janv. 2011 à 22:30
voici un example : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript">
    function verifieCheckbox(idCheckbox , lien)
     {
        var tag = document.getElementById(idCheckbox);
        if(tag.checked)
        {
            //proceder a l'envoie de la requette
           var tagForm = document.forms['form-vente-générale'];
           tagForm.action = lien;
           tagForm.submit();
        }
        else
        {
            // alerter l'utilisateur
            alert('please accept the condition');
        }
     }

</script>
  </head>
  <body>
      <?php
         $contenu = '<form name = "form-vente-générale" action="" method="POST">
  					<label for="conditionVente">
  					<span id = "condition-vente">J\'accepte les <a href = "" id = "lien-conditionVente"><span id = "mot-conditionGenerale">Conditions générales de vente</span></a></span>
  					</label>
  					<input type="checkbox" name = "option1" id = "conditionVente" value="conditionVente" />
  					<img src="https://www.paypalobjects.com/fr_FR/FR/i/logo/paypal_logo.gif" onclick="verifieCheckbox(\'conditionVente\', \'http://www.paypal.fr/fr\');"/>
  				</form>';
  				
  				echo $contenu;
      ?>
  </body>
</html>
0
Réponse 8 / 11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 15
11 janv. 2011 à 22:41
si c bon alors marque ton probleme comme résolu.
0
Réponse 9 / 11
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
11 janv. 2011 à 22:49
Merci beaucoup. Tu sais comment je peux faire un target=_blank en javascript. Concrètement, je voudrais afficher mon lien dans un autre onglet de mon navigateur.

Merci
0
Réponse 10 / 11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 15
11 janv. 2011 à 22:53
corrige la function alors :

remplace 
if(tag.checked)
        {
            //proceder a l'envoie de la requette
           var tagForm = document.forms['form-vente-générale'];
           tagForm.action = lien;
           tagForm.submit();
        }

par 
if(tag.checked)
 {
          
     window.open(lien);
 }
0
Réponse 11 / 11
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
12 janv. 2011 à 07:20
Ok super!!! Tu sais peut être mais je dois détruire la session dès que l'internaute aura télécharger le pdf. Comment puis-je faire??

Merci de ton aide, très sympa.
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Verif câble signal
]Esl[ -
Mars -

5 réponses
tel Panasonic kx-tgk220 et il met verif ligne tel
Martina -
baladur13 -

1 réponse
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
javascript:void(0);
nano -
JCVD -

18 réponses