Discussion :

[sisiniya]

Bonjour,

Je souhaite déclencher un événement click (sur le lien ayant 'link' comme id) lorsqu'on clique sur la checkbox:

Code HTML:

Code html :

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

1
2
<input type="checkbox" name="choix" id="case">
<a href="www.google.com" id="link"> choix </a>

J'ai essayé en utilisant bind/trigger, mais aucun effet ne s'est produit quand je clique sur la checkbox !

Code JS:

Code :

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

1
2
3
$("#case").bind("click", function(){
	$("#link").trigger('click');
});

Pourriez-vous m'aiguiller vers la bonne solution ?

Par avance, Merci

Sisiniya.

[danielhagnoul]

Bonjour

Ne pas utiliser "link" qui est un mot réservé du langage HTML. Idem pour "case" mot réservé de JS.

Code :

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

1
2
<input type="checkbox" name="choix" id="cas">
<a href="www.google.com" id="lien"> choix </a>

Code :

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

1
2
3
4
5
6
7
8
$( "#lien" ).on( "click", function(){
    alert( "J'avais oublié le principal, définir une action sur l'événement click" );
    // return false; // pour stopper l'action par défaut
});
 
$( "#cas" ).on( "click", function(){
    $( "#lien" ).trigger( "click" );
});

[sisiniya]

Bonjour Daniel,

Merci beaucoup pour votre réponse.

Au fait, quand je clique sur la case à cocher, l'alerte associée au lien s'affiche très bien mais mon problème c'est que la redirection vers www.google.com, autrement, l'effet href d'un lien ne se déclenche pas !!

Avez-vous une idée s'il vous plaît ?


Sisiniya.

[danielhagnoul]

L'attribut "href" a besoin d'une URL complète : <a href="http://www.google.com" id="lien"> choix </a>.

[sisiniya]

Avec ceci, j'arrive bien à déclencher l'événement click (affichage d'alerte) sur le lien mais aucun effet sur href !

Pour s'assurer que le href est juste, quand je clique sur le lien (<a>), il me redirige bien vers l'URL.

Est ce que la simulation d'un événement sur un lien ne permet pas de déclencher l'effet de son attribut href ?

Par avance, Merci.

Sisiniya.

[danielhagnoul]

Je n'y comprends plus rien, si vous nous montriez vos codes (CSS, HTML, JS) afin que l'on puisse tester le problème, plutôt que de nous dire "cela ne fonctionne pas" ce qui ne nous aide pas du tout à comprendre le problème.