问题描述
使用angular如何实现让checkbox单选,只能选择一个呢?
如图,以下是table中的checkbox选项:
<td style='text-align: left'><input type='checkbox' ng-model='checkboxes.items[item.bookingId]' name='flag' ng-click='updateSelection(item.bookingId,checkboxes.items)'/></td>
如果在对象的controller里面实现,只能让其单选,选择一个呢??
问题解答
回答1:checkbox是复选框,单选请用radio
回答2:试试这个呢
<p ng-controller='MyCtrl'> <p ng-repeat='item in list'><label><input type='checkbox' ng-model='item.checked' ng-change='onChange(item)'>{{item.name}}</label> </p></p>
.controller(’MyCtrl’, function ($scope) { $scope.selected = ’’; $scope.list = [{id: 1, name: ’xxx’},{id: 2, name: ’yyy’},{id: 3, name: ’zzz’} ]; $scope.onChange = function (item) {if (item.checked) { if (!$scope.selected) $scope.selected = item; if ($scope.selected !== item) item.checked = false;} else { $scope.selected = ’’;} }});

