Condition if pour chekbox

Résolu/Fermé
Bozo - 23 avril 2021 à 11:00
jee pee Messages postés 36391 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 29 novembre 2022 - 23 avril 2021 à 14:22
Bonjour,

Alors voila j'ai un formulaire comportant 2 checkbox et j'aimerai programmer 2 choses avec ceci :

- pouvoir cocher 1 seule checkbox, si on coche la première et qu'on veut cocher la deuxième, décocher la première (vice versa)
- Si 1 des 2 checkbox est cochée, afficher un autre bout de code, si aucune cochée, le bout de code n'est pas apparent

J'ai essayé avec certains if en php mais n'ayant pas encore trop pratiqué de php, ça n'a pas marché :/ je pense juste que je ne sais pas quoi mettre dans ma condition pour savoir si la checkbox est cochée ou non

1 réponse

jee pee Messages postés 36391 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 29 novembre 2022 8 845
23 avril 2021 à 11:22
0
Merci, ca me donne déjà une piste mais je n'y connais rien en javascrpt donc je ne sais pas comment remplir le script :,)
0
jee pee Messages postés 36391 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 29 novembre 2022 8 845 > Bozo
23 avril 2021 à 12:21
tu as bien compris, le php s’exécute sur le serveur internet quand la page est validée
alors que le javascript est exécuté en local, sur le pc, par le navigateur

soit tu te mets au javascript, soit tu revois la logique de ta page php compte tenu de ce que tu sais sur son fonctionnement
0
Bozo > jee pee Messages postés 36391 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 29 novembre 2022
23 avril 2021 à 14:15
J'ai réussi merci, voila mon code si ça peut aider d'autres personnes :

<!DOCTYPE html>
<html>
<body>

<p>Essaye de cocher une case</p>

<label for="myChecka">maintenance:</label> 
<input type="checkbox" id="myChecka" onclick="myFunction()">
<label for="myCheckb">assistance:</label> 
<input type="checkbox" id="myCheckb" onclick="myFunction()">

<div id="text" style="display:none">
	<input type="checkbox"> Protection 1
	<input type="checkbox"> Protection 2
</div>

<script>
function myFunction(){
  var checkBoxa = document.getElementById("myChecka");
  var checkBoxb = document.getElementById("myCheckb");
  
  var text = document.getElementById("text");
  if (checkBoxa.checked == true || checkBoxb.checked == true){
    text.style.display = "block";
  } else {
     text.style.display = "none";
  }
}
</script>

</body>
</html>
0
jee pee Messages postés 36391 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 29 novembre 2022 8 845 > Bozo
23 avril 2021 à 14:22
bravo !
0