Verif checkbox en javascript

tipi75 -

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

Afficher la suite

11 réponses

xamurai

<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>

tipi75 Auteur

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

xamurai

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>

Réponse 4 / 11
tipi75 Auteur
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 ?

La communauté CCM répond en moyenne en moins de 2h.

Posez votre question

xamurai

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');
        }
     }

Réponse 6 / 11
tipi75 Auteur
Oui mais mes deux "a href" je les insère où? dans le formulaire?? après le formulaire??
0

xamurai

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>

Réponse 8 / 11
xamurai
si c bon alors marque ton probleme comme résolu.
0
Réponse 9 / 11
tipi75 Auteur
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

xamurai

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);
 }

Réponse 11 / 11
tipi75 Auteur
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

Verif checkbox en javascript

11 réponses

Discussions similaires

Newsletters