Javascript 如何使验证至少对在Ionic checkbox中选中的一个复选框起作用
我正在运行一个Ionic框架并尝试验证至少选中了一个复选框,但不确定如何执行此操作。“required”属性似乎仅适用于所有需要选中的复选框Javascript 如何使验证至少对在Ionic checkbox中选中的一个复选框起作用,javascript,ionic-framework,Javascript,Ionic Framework,我正在运行一个Ionic框架并尝试验证至少选中了一个复选框,但不确定如何执行此操作。“required”属性似乎仅适用于所有需要选中的复选框 <label class="item item-input">routines</label> <ion-checkbox name="routine" ng-repeat="item in routines" ng-model="item.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>
例程
{{item.name}
非常感谢您的反馈
谢谢控制器:
.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);
}
};
});
.controller('AppCtrl',函数($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=函数(项){
log(“数组:+JSON.stringify(item.selected));
if(item.selected&($scope.selectedRoutines.indexOf(item.name)<0)){
$scope.selectedRoutines.push(item.name);
log(“添加:”+$scope.selectedRoutines);
}否则{
$scope.selectedRoutines.splice($scope.selectedRoutines.indexOf(item.name),1);
log(“删除:+$scope.selectedRoutines”);
}
};
});
Html
{{item.name}
要验证:您可以检查$scope的大小。selectedRoutines
希望这对你有所帮助 谢谢你。我想在Ionic/AngularJS one中会有一个简单的验证,就像其他任何验证一样。
<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>