изменить флажок attr, если флажок установлен в материале io

Question

Привет, у меня есть кнопка, чтобы очистить все фильтры при нажатии, и я хочу, чтобы флажки, которые отмечены, не были отмечены при нажатии этой кнопки, проблема, с которой я сталкиваюсь, заключается в том, что я использую материал io, и эти методы не Кажется, это не работает.

$('#clear-filters').on('click', function () {
    $('input:checkbox').attr('checked',false);
});

или

$("#clear-filters").click(function(){
    $("input:checkbox").removeAttr('checked');

});

, и это флажок, который я использую:

<div class="mdc-form-field">
    <div class="mdc-checkbox">
         <input type="checkbox" class="mdc-checkbox__native-control" id="checkbox-1" />
         <div class="mdc-checkbox__background">
             <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                  <path class="mdc-checkbox__checkmark-path" fill="none d="M1.73,12.91 8.1,19.28 22.79,4.59" />
             </svg>
             <div class="mdc-checkbox__mixedmark"></div>
         </div>
         <div class="mdc-checkbox__ripple"></div>
    </div>
    <label for="checkbox-1">sth</label>
</div>

Answer 1

вы можете использовать опору, чтобы снять флажки. Это должно работать для вас

$('#clear-filters').on('click', function () {
  $('input:checked').prop('checked',false);
});

Answer 2

исправить ввод: флажок для ввода [тип = флажок]

$("input[type=checkbox]").attr('checked',false);

//or


$("input[type=checkbox]").removeAttr('checked');

Если вы хотите установить флажок,

$("input:checked").removeAttr('checked');

//or

$("input[type=checkbox]:checked").removeAttr('checked');

``