javascript - 如果在 Material io 中选中了复选框，则更改复选框属性

Question

您好，我有一个按钮可以在点击时清除所有过滤器， 我希望在单击该按钮时取消选中选中的复选框， 我面临的问题是我正在使用 Material 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

您可以使用 prop 取消选中复选框。这应该适合你

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