Javascript 如果选中复选框，则需要删除

用户必须至少选择一个复选框，选中一个复选框后，我想从所有复选框中删除

required

，然后如果用户取消选中，则不选中任何复选框，在其上重新显示

required

。
我的代码不起作用。我在这里找到了很多类似的答案，但没有一个适合我，所以我再次问这个问题

这是

var checkbox_required=$（'input[type=“checkbox”]”）；
复选框_required.prop（'required'，true）；
if（复选框_required.is（'：checked'））
{
复选框_required.prop（'required'，false）；
}
其他的
{
复选框_required.prop（'required'，true）；
}

奢侈品与配饰
女士时尚
男士时尚
美妆与护肤
儿童
内衣
家居

您忘记的只是在（'click'），…事件处理程序上添加

var checkbox_required=$（'input[type=“checkbox”]”）；
复选框_required.prop（'required'，true）；
复选框\必需。在（'单击'，函数（）上）{
if（复选框_required.is（'：checked'））{
复选框_required.prop（'required'，false）；
}否则{
复选框_required.prop（'required'，true）；
}
})；

奢侈品与配饰
女士时尚
男士时尚
美妆与护肤
儿童
内衣
家居
出于好奇，我知道这是一个旧线程，但是如果您有两组不同的复选框，并且只有在为每个复选框选中复选框时才需要删除所需的复选框，那么您将如何操作呢

<form>
  <label class="produit_type">
    <input type="checkbox" name="produit_type[]" value="blah"
  </label>
  <label class="produit_type">
    <input type="checkbox" name="produit_type[]" value="blah blah"
  </label>
  <label class="produit_type">
    <input type="checkbox" name="produit_color[]" value="red"
  </label>
  <label class="produit_type">
    <input type="checkbox" name="produit_color[]" value="green"
  </label>
    <input type="submit" value="submit">
</form>


这就是为什么我需要再问一次，因为我在这里找到的所有类似的答案，他们只是给出了其中的一部分，这让我忘记了最重要的事情，点击功能！所以你的帮助对我非常有用！
var checkbox_required = $('input[type="checkbox"]');

checkbox_required.attr('required', true);

checkbox_required.on('click', function(){
    if (checkbox_required.is(':checked')) {
        checkbox_required.attr('required', false);
    } else {
        checkbox_required.attr('required', true);
    }
});