Clic sur checkbox et bouton qui s'affiche PHP
Résolu
rubikspirit
-
rubikspirit -
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 !
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 !
A voir également:
- Clic sur checkbox et bouton qui s'affiche PHP
- Diagnostic bouton photo - Accueil - Outils
- Windows 11 clic droit afficher plus d'options par défaut - Guide
- Bouton shift pc - Forum Jeux vidéo
- Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
- Bouton on/off comment savoir - Forum Word
2 réponses
Hello,
exemple :
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 :
Merci quand même pour la réponse ;)
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 ;)
