单击checked时的JQuery.prop（）>；假的

我有一个带有复选框的表单，它生成一个新块，显示用户选择的滤色器

在这个新块中，我创建了一个单击事件，它使用“.buttonRemoveFilter”按钮删除选定的过滤器

我尝试与过滤器一起取消选中复选框，但我只能取消选中所有复选框

$(document).on("click", ".buttonRemoveFilter", function(){

     $("[id^=branche_search_form_couleurs_").prop("checked", false);
     $(this).parent().parent().remove();
});

我尝试这样做，当我从新块中删除一个过滤器时，它会取消选中与此过滤器相关的颜色复选框

试试这些选项

在表单中，将公共类添加到输入复选框中（假设类名为“.chxbox”）

然后使用这个jQuery函数

   $('.chxbox').click(function(){
         id = $(this).attr('id');
         $(id).prop('checked',false);
         $(this).remove();
    });

---

添加一种知道您单击了哪个过滤器的方法-如果要删除BLANC filter，请检查用户是否单击了BLANC filter type。然后使用访问复选框输入

$("input[value='"+clickedFilterType+"']")

大概是这样的：

$(document).on("click", ".buttonRemoveFilter", function(){
     let clickedFilterType = $(this).attr("data-type");
     $("input[value='"+clickedFilterType+"']").prop("checked", false);

});

---

您是否尝试过

$（this）.parents（）.remove（）

？是的，我尝试过，但它破坏了我使用您的建议，因为我在生成筛选器的函数中添加了：$newDivCouleur.attr（“type”，$（this.val（））；然后：点击过滤类型=$（this.parent（）.parent（）.attr（“类型”）$（“输入[value=”+“clickedFilterType+”））.prop（“选中”，false）；结果是无可挑剔的！我很高兴这有帮助！

$(document).on("click", ".buttonRemoveFilter", function(){
     let clickedFilterType = $(this).attr("data-type");
     $("input[value='"+clickedFilterType+"']").prop("checked", false);

});