Javascript 选中/取消选中表单中的输入时刷新

我有一个表单，有一些输入，这些输入是我列表的过滤器：

<form id="filter" method="get" action="" data-filter-form="true" data-count-ctrl="">
   <div class="filter-panel filter--property facet--property" data-filter-type="value-list" data-field-name="f">
   <div class="filter-panel--flyout" style="border:none;">
   <label class="filter-panel--title"><h3 class="rums">Type</h3></label></div>
      <div class="filter-panel--content">
      <ul class="filter-panel--option-list">
         <li class="filter-panel--option">
         <div class="option--container">
            <span class="filter-panel--checkbox">
            <input type="checkbox" id="__f__283" name="__f__283" value="283">
            <span class="checkbox--state">&nbsp;</span></span>
            <label class="filter-panel--label" for="__f__283">Filter 283</label>
         </div>
         </li>
      </ul>
      </div>
   </div>
</div>

如果输入（筛选器：283）未选中，并且我选中了它，则表单将提交，网站将使用新url刷新，我的列表也将刷新：

develop.net/standard?p=1&o=1&n=15f=283

如果选中输入，我取消选中，则表单不会提交，网站不会刷新，url相同：

develop.net/standard?p=1&o=1&n=15f=283

但我尝试在取消选中输入的同时刷新站点，确保url没有筛选器id：

develop.net/standard?p=1&o=1&n=15

---

尝试此操作，更改此行：

if($(this).attr('checked') != "checked") { 

致：

--编辑

还要确保将“更改”事件更改为单击

$('.filter-panel--option input').click(function () {

---

只有当值更改时，才会在输入语句上发生更改，现在状态更改，“onchange”事件不会读取这些更改。

.prop（“未选中”），$（this.prop（“未选中”）

-

未选中的

不存在。您可以通过将

已选中的

属性设置为false来取消选中复选框。现在还不清楚您在这里做了什么，例如，您正在处理此更改事件的元素与正在设置属性的元素之间的关系实际上是什么……请提供适当的所以我们可以看到这里到底发生了什么。很抱歉，我已经编辑了我的问题！@04FSI已将其更改为，但它仍然没有提交：

如果（$（this）.is（':checked'）{

感谢您的编辑，但结果是一样的，它不会读取过滤器更改

if($(this).is(':checked') ) {

$('.filter-panel--option input').click(function () {