Boutton checkbox ou radio. Résolu/Fermé

Question

Bonjour cher amis, 

j'aimerai faire dans mon formulaire un petite rectangle qui contient 8 boutton collé l'un a l'autre qui contiennent des petite icones.
Chaque boutton désigne une option comme par exemple si on parle de voiture.
bouton pour option fermeture central: icone clé, la voiture peut avoir cette option comme ne pas l'avoir.
donc on peut appuyer sur tous les boutons comme certaine.. et quand on appuie le boutton reste activé.. comme si on coche mais c'est un bouton.

je compte sur vous chers amis pour m'aider je bloque.. merci d'avance :)


Configuration: Mac OS X (10.10.1) / Chrome 39.0.2171.95

jordane45 · Answer

Bonjour,

je compte sur vous chers amis pour m'aider je bloque.
Et tu bloques sur quoi exactement ? Qu'as tu commencé  à coder ? qu'as tu essayé ?


En partant du principe que tu n'as encore rien commencé... je te donnerai l'idée suivante pour tes boutons :
- Tu utilises des images en guise de bouton.
- Pour chaque "bouton" tu créés une image active et une désactive ( une plus sombre que l'autre par exemple....)  ou sinon.. il faudra jouer avec le CSS pour changer les bordures par exemple ou l'opacité de l'image....  à toi de choisir.


- A côté de chaque image tu places une checkbox que tu mets en caché ( style="display:none"  )

- Pour la suite.. il te faudra du javascript... et pour le déclencher utiliser la méthode "onclick" sur tes images....
==>> lors du click sur un de tes "boutons" (les images..) ... le code javascript change l'image de fond par la seconde version..... et coche la checkbox qui correspond. (ou décoche selon que l'image était active ou non précédemment...)

Boutton checkbox ou radio.

1 réponse

Discussions similaires