Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Angular Js中创建选中和取消选中所有函数_Javascript_Angularjs_Ng Init - Fatal编程技术网

Javascript 在Angular Js中创建选中和取消选中所有函数

Javascript 在Angular Js中创建选中和取消选中所有函数,javascript,angularjs,ng-init,Javascript,Angularjs,Ng Init,我有几个复选框,我已经用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="checkbo

我有几个复选框,我已经用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>

A.
B
C
我想要的是创建一个函数,当我选中一个单独的复选框、链接或按钮时,使这些复选框选中或取消选中。有人能帮我吗?

简单如下

    //on button click
    var key;

   for(key in $scope.model){
      if(//checked condition){
       $scope.model[key] = key;
      }else{
        $scope.model[key] = 'nope';
      }
    }
创建一个链接来切换复选框复选状态,我在这里创建了三个链接

第一个用于切换复选框状态,第二个用于取消选中所有复选框,最后一个用于选中所有复选框

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

这是一个

什么是检查条件?对不起,我的疏忽基于您想查看支票箱的情况。非常感谢@K.Toress。这让我很开心。再次感谢:)很高兴为您提供帮助
SL
:)