Clic sur checkbox et bouton qui s'affiche PHP [Résolu/Fermé]

Signaler
-
 rubikspirit -
Bonjour,

Dans le développement de mon site, je suis face à un problème :

Je voudrai que l'utilisateur puisse remplir un formulaire mais que pour le bouton d'envoi s'affiche à l'écran l'utilisateur clique sur une checkbox pour approuver les conditions d'utilisation du site.

Or, je ne sais pas du tout comment m'y prendre... Si une âme charitable pouvait me guider un peu :)

Merci d'avance !


2 réponses

Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
429
Hello,

exemple :

<html>
<head>
  <title></title>
  <style type="text/css" media="screen">
    body{ padding:0; margin:0; text-align:center; background-color:#ccc; }
    .formulaire{
      width:800px;
      background-color:white;
      border:#777 solid 1px;
      margin:0 auto;
      margin-top:20px;
    }
    .cgu{
      width:80%;
      height:100px;
      overflow-y: auto;
      margin:0 auto;
      background-color:#ddd;
      border:#333 solid 1px;
    }
  </style>
  <script type="text/javascript">
    function checkCgu(){
      if(document.getElementById('cguStatus').checked){
        document.getElementById('submitButton').style.display = 'block'; 
      }else{
        document.getElementById('submitButton').style.display = 'none'; 
      }
    }
  </script>
</head>
<body>
  <div class="formulaire">
    <h2>Conditions d'utilisation</h2>
    <div class="cgu">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
      proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
    <input type="checkbox" id="cguStatus" onchange="checkCgu();"> J'accèpte les conditions
    <input type="button" id="submitButton" value="valider le formulaire" style="display:none;"/>
  </div>
</body>
</html>
Merci de la réponse rapide mais entre temps j'ai aussi trouvé un autre sujet qui aborde ce problème.

Le code que j'ai choisi d'utiliser est :
 
<script type="text/javascript" src="jquery.js"></script>
<script>
  function affMasqBtnPrep(){
 
     var n = $("input:checked[name='prep[]']").length;// Nombre de checkbox cochée
    if(n == 0) {
            $("#BPrep").hide();// Bouton invisible
    } else {
            $("#BPrep").show(); // Bouton visible
        }
 
}
$(document).ready(function() {
  affMasqBtnPrep();
	$(".test").change(function () {
  affMasqBtnPrep();
	});
});
 
 
</script>
 
<input type="checkbox" name="prep[]" class="test" value="" class="casePrep">
 
<input type="button" id="BPrep" value="Edition" />


Merci quand même pour la réponse ;)