Comment puis-je empêcher jquery de sélectionner un parent lorsque je clique sur l'un des enfants de ce parent?

Question

scénario rapide ok:

html:

<span class="answer">blah<input type="radio" value="1"></span>

jquery:

$("span.answer").click(
function() {
check = $("input", this);
check.attr('checked', check.attr('checked') === true ? false : true);
);

Ok, donc cela va cocher/décocher l'entrée radio enfant à l'intérieur de la durée sélectionnée lorsque je clique à l'intérieur. Le problème que j'ai est que je ne veux pas courir cet événement quand je clique réellement sur le bouton radio lui-même (évidemment parce que jquery verra le bouton radio comme coché et décocher - dans l'effet exactement le contraire de ce qui devrait arriver habituellement). Quelque chose le long des lignes de celle-ci:

$("span.answer:not(span input)").click

Bien sûr, ne fonctionne pas. Des idées? Merci d'avance!

Leo

Answer 1

Il y a une balise HTML spécifique pour accomplir ce que vous essayez de faire avec jquery et javascript ..
est la balise label

<label>blah<input type="radio" value="1" /></label> 

cela aura l'effet que vous voulez

[mise à jour] Pour Internet Explorer 6 de jouer n glace utilisez la syntaxe complète de l'étiquette en utilisant l'attribut for qui cible l'identifiant d'une entrée de forme/select/etc .. élément ..

<label for="radio_1">blah<input id="radio_1" type="radio" value="1" /></label> 

Answer 2

$("span.answer input").click(function(evt) 
{ 
    evt.stopPropagation(); 
}); 

Prévient l'événement click bouillonne (et le déclenchement du gestionnaire sur "span.answer".)