-1

ng-init を使用して既にチェックしたチェックボックスはほとんどありません

<div class="checkbox">
     <label>
      <input type="checkbox" ng-init="model.A='A'" ng-model="model.A" ng-true-value="'A'" ng-false-value="'nope'"/>A
     </label>
</div>
<div class="checkbox">
     <label>
      <input type="checkbox" ng-init="model.A='B'" ng-model="model.B" ng-true-value="'B'" ng-false-value="'nope'"/>B
     </label>
</div>
<div class="checkbox">
     <label>
      <input type="checkbox" ng-init="model.C='C'" ng-model="model.C" ng-true-value="'C'" ng-false-value="'nope'"/>C
     </label>
</div>

私が欲しいのは、別のチェックボックス、リンク、またはボタンをチェックしたときに、これらのチェックボックスをオンおよびオフにする関数を作成することです。誰かが私を助けることができますか？

4

2 に答える 2

1

以下のように簡単です。

チェックボックスのチェックステータスを切り替えるリンクを作成します。ここでは3つのリンクを作成しました

最初の 1 つはチェックボックスのステータスを切り替えるためのもので、2 番目はすべてのチェックボックスのチェックを外すためのもので、最後の 1 つはすべてのチェックボックスをチェックするためのものです。

<a href="#" ng-click="toggleCheck()">toggle check</a> | <a href="#" ng-click="uncheckAll()">uncheck all</a> | <a href="#" ng-click="checkAll()">check all</a>

チェックを外すをクリックすると、以下のように処理されます。

$scope.uncheckAll = function() {
    $scope.model.A = false;
    $scope.model.B = false;
    $scope.model.C = false;
};

チェックボックスのチェックを外す値を割り当てます。

すべてチェックをクリックすると、以下のように処理されます。

 $scope.checkAll = function() {
     $scope.model.A = 'A';
     $scope.model.B = 'B';
     $scope.model.C = 'C';
};

チェックボックスのチェック状態になる初期値を割り当てます。

以下のようにチェックを切り替えます。チェックされていない場合Aは、すべてがチェックされます。

$scope.toggleCheck = function() {
    if ($scope.model.A == false) {
        $scope.checkAll();
    } else {
        $scope.uncheckAll();
    }
};

ここにデモがあります

于 2016-07-16T06:59:19.467 に答える