10700 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je viens vers vous tous aujourd'hui car j'ai un petit problème je dois faire dans un formulaire des checkbox et en guise de bouton j'ai des div mon problème est le suivant c'est que je dois faire en sorte que quand la checkbox et checked la div est cliquable et si elle est pas checked elle ne doit pas être cliquable

Merci à tous pour votre aide,
Cordialement,
Théo.
Administrateur
Bonjour,

peux-tu nous montrer un code minimal reproduisant le problème stp ?
Comme piste https://github.com/alsacreations/pepin/tree/master/toggle a une option gérant l'affichage d'un élément selon l'état de checkbox/radio (plutôt que button dans le cas général).

Sinon un div n'est PAS un bouton, même en ajoutant un role="button" : il ne prend pas le focus, ne fait rien quand on appuie sur Entrée ou Espace, etc
button ou input[type="button"] fait tout ça sans effort Smiley cligne
Meilleure solution
Le problème est que j'ai une forme particulière que je dois mettre sur mes bouton et sans JS c'est impossible alors j'ai préférer mettre des div c'est plus simple pour la mise en forme mais je vais mettre des boutons invisible sur mes div comme ça je me casse pas trop la tête

Merci quand même Smiley biggrin Smiley biggrin
Modifié par Theo_0 (14 Feb 2020 - 10:05)