Discussion :

[Le Touriste]

Bonjour les dévs !

J'ai une petite question qui doit avoir sa réponse quelque part.

Est-il possible d'exécuter une fonction définie dans l'évènement onClick d'un checkbox sans cliquer dessus ?

Je m'explique :
J'ai un checkbox qui, lorsqu'il est coché, active la 2e partie de mon formulaire, via une fonction que j'appelle dans l'évènement onClick.

Pour faciliter l'ergonomie, j'ai mis mon texte adjacent au checkbox dans un span avec un onClick qui active le checkbox. Le cochage / décochage de celui-ci par un clic sur le span fonctionne mais, vu que je n'ai pas cliqué sur le checkbox, l'activation de la 2e partie de mon formulaire ne se fait pas.

J'ai bien essayé en remplaçant onClick par onChange mais ça ne fonctionne toujours pas. Je n'ai pas envie de remettre le code d'activation des champs dans le span, ça deviendrait redondant et pas facile à maintenir.

Avez-vous une idée ? Est-ce que je peux activer plus proprement ma checkbox en cliquant sur le texte qu'en utilisant un <span onClick ...> ?

D'avance merci, et bonne nuit pour les couches-tard comme moi.

[nod__]

Oui, en utilisant HTML :-°

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label for="maCheckbox1">Cliquez moi pour cocher \o/</label>
<input type="checkbox" name="truc" id="maCheckbox1" value="tada!">

ou alors

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<label for="maCheckbox1"> Cliquez moi pour cocher \o/ 
    <input type="checkbox" name="truc" id="maCheckbox1" value="tada!"> 
</label>

[Bovino]

Comme le dit nod_, label est fait pour ça !
Ceci dit, l'événement onclick est associé à la méthode click()

[Socki]

Bonjour,

tu peux aussi utiliser le checked pour voir si ta case est cochée.

[Le Touriste]

J'ai déjà des balises <label> mais elles ne sont peut-être pas bien placées. Je vérifierai ça ce soir chez moi car je suis au boulot là.

Je vous tiens au courant.

Merci.

[Le Touriste]

C'est bon, ça marche.

C'était bien mon <label> qui déconnait, je n'avais pas mis le bon id. J'ai dû coder ça vite fait et j'ai pas fait gaffe.

Et pour ma fonction JavaScript sur le checkbox, je l'appelle via l'évènement onChange et ça fonctionne aussi.

Merci les gars !