angular.js - 使用angular如何实现让checkbox单选,只能选择一个呢?

浏览:59日期:2023-01-09

问题描述

使用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 = ’’;} }});

相关文章: