jQuery et les étiquettes

Question

En plus de ma question précédente, j'ai un événement jQuery que je veux déclencher lorsque la case à cocher et l'étiquette elle-même est cliqué.

jsFiddle exemple ici.

Mon problème est que lorsque je clique sur l'étiquette, elle ne déclenche pas la fonction. La case à cocher fonctionne bien, comme vous pouvez le voir.

Y a-t-il autre chose que je peux ajouter? Ou est-ce cela?

Merci :)

---

EDIT: le code de lien jsFiddle

HTML

<div id="scrollwrap"> 
    <div> 
     <input value="1" type="checkbox" name="salgsvilkar" id="checkbox2" style="float:left;"/> 
     <label for="checkbox2" class="akslabel">Salgs og leveringsvilkår er lest og akseptert</label> 
    </div> 
</div> 

jQuery

$(function() { 
    //checkbox 
    $("#checkbox2, .akslabel").click(function() { 
     $("#scrollwrap").toggleClass('highlight'); 
    }); 
}); 

Answer 1

Vous pouvez changer un peu comme celui-ci pour être sûr:

$(function() { 
    $("#checkbox2").change(function(){ 
    $("#scrollwrap").toggleClass('highlight', this.checked); 
    }); 
}); 

You can test it out here. L'avantage ici est que vous pouvez ajouter un .change() à la fin de faire le match de l'Etat si elle est d'abord vérifié, comme ceci:

$(function() { 
    $("#checkbox2").change(function(){ 
    $("#scrollwrap").toggleClass('highlight', this.checked); 
    }).change(); 
}); 

You can test that version here. Vous pouvez également faire ce beaucoup plus plus générique, like this.

Answer 2

thi s devrait le faire:

$(function() { 
    //checkbox 
    $("#checkbox2").change(function(){ 
    $("#scrollwrap").toggleClass('highlight'); 
    }); 
}); 

La raison pour laquelle il ne fonctionne pas quand vous avez eu click() est parce que cliquant sur l'étiquette déclenche l'événement deux fois car il est attaché aux deux éléments - ce qui signifie qu'il basculera le nom de classe deux fois !