單擊按鈕時取消選中復選框

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。

所以你的代碼應該是這樣的：

  $scope.clearFilters = function() {
     $scope.data.id = false;
     $scope.data.name = ""; 
  };