JQuery hasclass или toggleclass вопрос

Question

У меня есть форма с .myclass, внутри некоторых ul ->li ->label

, когда я использую addClass это работает:

$(".myclass label").each(function(){ 
    var $this = $(this);   
    $this.on("click", function(){ 
     $this.addClass("active"); 
    }); 
});` 

, но когда я пытаюсь проверить, если класс ничего не происходит

$(".myclass label").each(function(){ 
    var $this = $(this);  
    $this.on("click", function(){ 
     if($this.hasClass("active")) 
      $this.removeClass("active"); 
     else 
      $this.addClass("active"); 
    }); 
}); 

Я попытался использовать toggleClass, но ничего. Где я ошибаюсь?

* редактировать извините, я забыл, что есть <input> внутри метки:

<form action="" method="post" class="myClass"> 
<ul> 
    <li> 
    <ul> 
    <li class="item-1"><label><input type="checkbox">my label 1</label></li> 
    <li class="item-22"><label><input type="checkbox">my label 2</label></li> 
    <li class="item-34"><label><input type="checkbox">my label 3</label></li> 

и т.д ...

Answer 1

$('.myclass label').on('click', function (event) { 
    if($(event.target).is("label")) { 
     if ($(event.target).hasClass("active")) { 
      $(event.target).removeClass("active"); 
     }else{ 
      $(event.target).addClass("active"); 
     } 
    } 
}); 

проблема дважды щелкните порождена> вход ровно, этикеткой.