は小切手を作成し、角度のJsに

Question

をすべての機能をオフに私はすでに私が欲しいもの

<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> 

NG-INITをチェックを使用しているいくつかのチェックボックスを持っていることは、これらのチェックボックスをチェックするために関数を作成することであり、別のチェックボックス、リンク、またはボタンをチェックするとチェックが外されます。誰かが私を助けることができますか？

Answer 1

以下のようにそのシンプルな、

は、チェックボックスを切り替えるためのリンクを作成状態を確認、ここで私は、最初のものはチェックを外し、すべてのチェックボックスの状態、のための二番目のトグルのためにある3つのリンク

を作成しましたチェックボックスと最後のチェクボックスをチェックします。

<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(); 
    } 
}; 

はDEMO

Answer 2

//on button click 
    var key; 

    for(key in $scope.model){ 
     if(//checked condition){ 
     $scope.model[key] = key; 
     }else{ 
     $scope.model[key] = 'nope'; 
     } 
    }