Jquery 复选框功能，用于检查输入是否为；勾选“；还是不；勾选“；

如果选中复选框，我希望某些元素应用一个类，如果未选中（或未选中），则移除该类。我尝试过用几种不同的方法来编写它，但我只能在单击复选框后将类应用于元素，但是重新单击不会从元素中删除类，即使我预期会这样做

jQuery(document).ready(function($) {

  $('input[type="checkbox"]').on("click", function() {

    if($('#filter-Acting').prop('checked') == true) {

      $('.filter-item.Acting').addClass("hidden");

    } else if ($('#filter-Acting').prop('checked') == false) {

      $('.filter-item.Acting').removeClass("hidden");

    } 

  }
});

实现我所追求的目标最简单的方法是什么？谢谢

*编辑：所提供的示例都不适用于我，因此这里是表单和表单项的相关标记

<form>
  <fieldset>
    <div class="row">
      <div class="col-sm-12">
        <div class="checkbox" id="check-Acting">
          <input type="checkbox" id="filter-Acting" name="Acting" value="1" class="form-checkbox"/>
          <label for="filter-Acting" data-toggle="tooltip" data-placement="top"><span>Acting</span></label>
        </div>
      </div>
    </div>
  </fieldset>
</form>

<div class="container">
  <div class="panel filter-item Acting">
    --
  </div>
</div>

表演
--

如果没有html，我只能假设它并建议您使用：

：根据状态值切换的一个或多个类

$（'input[type=“checkbox”]”）。在（“更改”上，函数（e）{
$（'.filter-Acting'）.toggleClass（“隐藏的”！$（'#filter-item.Acting'）.is（':checked'））；
});
。隐藏{
显示：无；
}

单击我



如果您尝试“更改”

事件而不是单击，会怎么样？另外，您的HTML标记是什么样子的？您可能只想在

#fliter项上触发click/change事件。可以使用
'change
事件而不是
输入。请看这里，尝试将“单击”替换为“更改”，但结果相同。。。我将很快发布我的一些标记。我检查了我的代码并纠正了我自己的一些标记错误，现在这似乎按照我需要的方式工作。非常感谢您的回复。@mylesmally我很高兴能帮助您。谢谢