单击“按钮”时取消选中该复选框

Question

我有复选框列表，我想在清除按钮后清除所有已检查的数据。 从json获取数据以获取复选框。

HTML：

<div ng-repeat="data in array" >
    <label class="Form-label--tick">
        <input type="checkbox" id="statusid"  value="{{data.id}}" class="Form-label-checkbox" ng-click="print(data.id)">
        <span class="Form-label-text" id="statusname" value="{{data.name}}"> {{data.name}}</span>
    </label>
</div>

JavaScript的：

  $scope.clearFilters = function() {
     document.getElementById('statusid').value="";
     document.getElementById('statusname').value="";
  };

单击“清除”按钮时会调用

clearFilters()。但是我无法清除选中的复选框。即使在清除按钮后，它仍然会被检查。

Answer 1

此代码不是有角度的。不要尝试直接修改任何DOM元素，而是使用$ scope变量来更改它们的值。

在angular中，复选框返回true或false，以便取消选中复选框，只需将其值更改为false。

因此您的代码应如下所示：

Elements elements = document.select("#MainContent_regHours");