Javascript 在Angular Js中创建选中和取消选中所有函数
我有几个复选框,我已经用ng init检查过了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
<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
:)