angularjs实现checkbox复选框单选

angularjs实现checkbox复选框单选

首先在controller中声明变量，实现方法

$scope.index = "";$scope.selected = ""; //被选择的值$scope.num = 1; //计数$scope.list = [{name:"123"},{name:"321"}];//实现checkbox实现单选功能$scope.checkboxChoosed = function (item, id) {$scope.index = id;$scope.num = 1;if(item.checked){if(!$scope.selected){$scope.selected = item;$scope.selected.checked =true;}if($scope.selected !== item){$scope.selected.checked =false;$scope.selected = item;}}else{$scope.num = 0;}}

html页面实现方式

<div class="contents" ng-repeat="item in list"><span><input type="checkbox" ng-model="item.checked" class="checkbox1" ng-change="checkboxChoosed(item,$index)"></span><span class="span1">{{item.name}}</span></div>