javascript - 复选框与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

您需要一个事件处理程序

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

并且你不能拥有多个类属性

<li class="verwijder kleding">