Проверить только один флажок и снимите флажок предыдущий проверяются флажок

Я хотел, чтобы, когда я изменить свой выбор на моем флажке только установлен флажок будет выбран, и предыдущий выбранный флажок будет снимите флажок. Мой код работает, но я действительно хотел выбрать только один флажок. На мой взгляд.

 <center><table></center> 
     <tr> 
     <th><center> 
     List of Names</center></th> 
     <th colspan="3"> 
     Actions 
     </th></tr> 
     <tr ng-repeat="role in roles"> 
     <td> 
     <label> 
     <ion-checkbox ng-model="isChecked" ng- 
     change="format(isChecked,role,$index)" 
     ng-init="isChecked=false"><div class="wew"> 
     {{role}} 
     </div></ion-checkbox> 
     </label> 
     </td> 
     <td> 
    <button ng-hide="!isChecked" ng-click="present()">P </button> </td> 
    <td> 
     <button ng-hide="!isChecked" ng-click="late()">L</button></td> 
     <td><button ng-hide="!isChecked" ng-click="absentss()">A</button></td> 
     <td><button ng-hide="!isChecked" ng-click="delete()">D</button></td> 
     </tr> </table>

И я думаю, что в моем контроллере есть часть, где мне нужно изменить свои коды, чтобы добиться правильного результата.

 $scope.isChecked = false; 
     $scope.selected = []; 
     $scope.format = function (isChecked, role, index) { 
     if (isChecked==true) { 
     $scope.selected.push(role); 
     } 
     else { 
     var _index = $scope.selected.indexOf(role); 
     $scope.selected.splice(_index, 1); 
     } 
     var students = $scope.selected; 
     console.log(students); 
     for(var s=0; s<students.length; s++) { 
     $scope.stud = [ 
     students[s] 
     ] 
     };

Благодарим вас за продвинутый! Я надеюсь, что кто-то может помочь в этом вопросе.

источник

2016-11-12 Benjie Pajimola

Я думаю, что радио-кнопки используются для этого. –

, но я увидел пример для флажка, и он работает, что можно выбрать только один флажок. –

Флажки для нескольких выборов внутри группы. Вместо этого используйте радиокнопки.

источник

2016-11-12 02:59:01

Example With AngularJs 
 
This is way you can also implement. 
 
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    <script> 
 
    angular.module('app', []).controller('appc', ['$scope', 
 
     function($scope) { 
 
     $scope.selected = 'other'; //default selection 
 
     } 
 
    ]); 
 
    </script> 
 
</head> 
 

 
<body ng-app="app" ng-controller="appc"> 
 
    <label>SELECTED: {{selected}}</label> 
 
    <div> 
 
    <input type="checkbox" ng-checked="selected=='male'" ng-true-value="'male'" ng-model="selected">Male 
 
    <br> 
 
    <input type="checkbox" ng-checked="selected=='female'" ng-true-value="'female'" ng-model="selected">Female 
 
    <br> 
 
    <input type="checkbox" ng-checked="selected=='other'" ng-true-value="'other'" ng-model="selected">Other 
 
    </div> 
 

 

 

 
</body> 
 

 
</html>

источник

2016-11-12 03:46:11 IftekharDani

$ http.post (link1, {section: section}). Success (function (attendance) { for (a = 0; a

, что это код, где им получать мой Val ues в ng-repeat = "роль в ролях" –

можете ли вы предоставить мне пример, связанный с таким типом ng-repeat –

Проверить только один флажок и снимите флажок предыдущий проверяются флажок

ответ

Смежные вопросы