與javascript結合的複選框

Question

我想製作一個與複選框一起使用的過濾器。當複選框被選中時，它應該顯示一些元素，當它沒有時，它應該隱藏它。

這是我到目前爲止的代碼，但我不能讓它正常工作。任何人都可以幫助我？

什麼讓隱藏的HTML /顯示

<li class="verwijder" class="kleding"><img class="aanbieding" src="images/jack.png"><span id="timer"></span></li> 

複選框

<input id="checkboxeten" type="checkbox" name="filter" value="eten"><br> 

的Javascript

$(document).ready(function(){ 
    if (document.getElementById("checkboxeten").checked = true) { 
     $(".kleding").show(); 
    } else { 
     $(".kleding").hide(); 
    } 
}); 

Answer 1

則需要使用比較==不是=。

應該是：

if (document.getElementById("checkboxeten").checked == true) { 

或者：

if (document.getElementById("checkboxeten").checked) { 

=用於分配。 ==用於比較。

此外，您需要一個onchange事件處理程序爲您的複選框。你不僅應該在頁面加載時觸發這個邏輯，而且在假設我改變了複選框的情況下。或者點擊按鈕或某種事件。

Answer 2

你需要爲

$('#checkboxeten').on('change', function() { 
    $(".kleding").toggle(this.checked); 
}); 

的事件處理程序，你不能有一個以上的類屬性

<li class="verwijder kleding"> 

Answer 3

1. 更換<li class="verwijder" class="kleding">與<li class="verwijder kleding">
2. 使用我的更新jQuery代碼。
3. 這裏是工作示例（http://jsfiddle.net/yqkLpn6s/2/）FIDDLE