[英]How to make a validation working for at least one checkbox being selected in Ionic Checkbox
I have a running a Ionic framework and trying to validate at least 1 checkbox being selected and not sure how to this. 我有一个正在运行的Ionic框架,并尝试验证至少选中了1个复选框,但不确定如何做到这一点。 The "required" attribute seems only for required all of check boxes to be checked. “必需”属性似乎仅适用于需要选中的所有复选框。
<label class="item item-input">routines</label>
<ion-checkbox name="routine" ng-repeat="item in routines"
ng-model="item.checked"
ng-checked="item.checked"
ng-required="true">
{{ item.name }}
</ion-checkbox>
I'm appreciated your feedback 感谢您的反馈
Thanks 谢谢
Controller : 控制器:
.controller('AppCtrl', function($scope) {
$scope.Routines = [
{name:'Routines1', selected:false},
{name:'Routines2', selected:false},
{name:'Routines3', selected:false},
{name:'Routines4', selected:false},
{name:'Routines5', selected:false},
{name:'Routines6', selected:false},
{name:'Routines7', selected:false}
];
$scope.selectedRoutines = [];
$scope.updateRoutines = function(item){
console.log("array : " + JSON.stringify(item.selected));
if(item.selected && ($scope.selectedRoutines.indexOf(item.name) < 0)){
$scope.selectedRoutines.push(item.name);
console.log("added : " + $scope.selectedRoutines);
}else{
$scope.selectedRoutines.splice($scope.selectedRoutines.indexOf(item.name), 1);
console.log("remove : " + $scope.selectedRoutines);
}
};
});
Html HTML
<div class="item-accordion"
ng-repeat="item in Routines track by $index">
<ion-item class="item item-checkbox">
<label class="checkbox">
<input type="checkbox" ng-model="item.selected" ng-change="updateRoutines(item)">
</label>
{{item.name}}
</ion-item>
</div>
to validate : u can check size of $scope.selectedRoutines
验证:您可以检查$scope.selectedRoutines
大小
hope this helps in someway..! 希望这可以有所帮助..!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.