如果選擇複選框添加類'活躍'

Question

我發現很容易通常添加一個活躍的類在jQuery中，但是這次我試圖將它實現爲與谷歌地圖連接的一段代碼。

我的代碼片段顯示和隱藏使用jQuery標誌是這樣的：我輸入的

$('input[type="checkbox"]').click(function(){ 
     var id = $(this).attr('id'); 
     if($(this).is(':checked')) { 
      show(id); 
     } else { 
      hide(id); 
     } 
     }); 

例如和標籤

<input type="checkbox" id="school" class="checkbox" /><label for="school">Schools</label> 

如果點擊複選框我想要做的是，加一個類，並顯示標記。

我已經嘗試在代碼中添加AND運算符並將$(this).addClass('active');用於代碼，但沒有運氣。這是可能的在這個代碼中實現，或者我將不得不從頭開始創建它？

謝謝。

Answer 1

不知道我得到它，但這樣的事情應該工作：

$('input[type="checkbox"]').on('click', function(){ 
    var state = this.checked; 
     func = state ? show : hide; 

    func(this.id); 
    $(this).toggleClass('active', state); 
}); 

Answer 2

後一些輕微的賠償我已經找到了解決辦法：

$('input[type="checkbox"] + label').click(function(){ 
     $(this).toggleClass('active'); 
     }); 

我的谷歌地圖代碼與jQuery的衝突的所以下面是一個單獨的功能。

有人可以告訴我爲什麼這已被投票表決嗎？只是爲了下一次我問一個問題。

謝謝。