sélecteur Jquery aide

Question

je les suivantes:

<form id="my_form"> 
    <input type="checkbox" name="a" value="a"> Check <img src="..." /> 
</form> 

Pour gérer le contrôle et les événements décocher je fais (et cela fonctionne):

$('#my_form :checkbox).click(function() { 
    if($(this).is(':checked')) { 
     //... 
    } 
    //... 
}); 

Ma question est: à l'intérieur de cette fonction de clic, Comment puis-je sélectionner l'étiquette <img> qui se trouve juste à côté de la case à cocher? Puis-je le faire sans spécifier d'identifiant pour l'image? ..by "select" Je veux dire que je dois pouvoir cacher() et montrer(). Merci

Answer 1

Vous pouvez utiliser .next() puisqu'il est la suivante (immédiate prochaine, ce qui est important) élément de frères et soeurs, comme ceci:

$('#my_form :checkbox').click(function() { 
    if(this.checked) { 
     var img = $(this).next('img'); 
    } 
}); 

Je pense que ce que vous êtes en fin de compte AFTER est fait plus facile avec .toggle(bool), comme ceci:

$('#my_form :checkbox').change(function() { 
    $(this).next('img').toggle(this.checked); 
}); 

cela montrera la <img> lorsqu'elle est cochée, et se cacher quand il est pas. Notez que j'ai utilisé .change() ici, puisque c'est l'événement que vous voulez généralement quand vous avez affaire à une case à cocher pour toujours obtenir l'état correct.