Clic sur checkbox et bouton qui s'affiche PHP
Résolu/Fermé
A voir également:
- Clic sur checkbox et bouton qui s'affiche PHP
- Windows 11 clic droit afficher plus d'options par défaut - Guide
- Easy php - Télécharger - Divers Web & Internet
- Faites en sorte que la cellule a1 affiche exactement ce qui est montré sur cette image. quel mot apparaît en b1 ? - Forum Excel
- Bouton shift pc ✓ - Forum Jeux vidéo
- Le clavier de mon telephone ne s'affiche plus - Guide
2 réponses
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
431
12 févr. 2012 à 16:23
12 févr. 2012 à 16:23
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 ;)
