使用angular如何實(shí)現(xiàn)讓checkbox單選,只能選擇一個(gè)呢?
如圖,以下是table中的checkbox選項(xiàng):
<td width="30" style="text-align: left"><input
type="checkbox" ng-model="checkboxes.items[item.bookingId]" name="flag" ng-click="updateSelection(item.bookingId,checkboxes.items)"/></td>
如果在對象的controller里面實(shí)現(xiàn),只能讓其單選,選擇一個(gè)呢??
試試這個(gè)呢
<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 = '';
}
}
});