angular.js中一組複選框，怎麼實作選中其中一個，其他不能選？
光阴似箭催人老，日月如移越少年。
雷雷
ng-model需要一致。用value控制內容.
ng-model
<script> angular.module('radioExample', []) .controller('ExampleController', ['$scope', function($scope) { $scope.color = { name: 'blue' }; $scope.specialValue = { "id": "12345", "value": "green" }; }]); </script> <form name="myForm" ng-controller="ExampleController"> <label> <input type="radio" ng-model="color.name" value="red"> Red </label><br/> <label> <input type="radio" ng-model="color.name" ng-value="specialValue"> Green </label><br/> <label> <input type="radio" ng-model="color.name" value="blue"> Blue </label><br/> <tt>color = {{color.name | json}}</tt><br/> </form> Note that `ng-value="specialValue"` sets radio item's value to be the value of `$scope.specialValue`.
以下程式碼就是個思路，有很多問題，像是我發現的，清單不能抽出來，用ng-for不可行。 .disabled需要自己調節樣式。
<!DOCTYPE html> <html lang="en" ng-app="app"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <p ng-controller="demo"> <p>当前值： {{hobby}}</p> <ul> <li> <label>吃：</label> <input type="checkbox" ng-true-value="1" ng-model="hobby" ng-class="{disabled: hobby}" ng-change="handleCheckbox($event)" /> </li> <li> <label>睡：</label> <input type="checkbox" ng-true-value="2" ng-model="hobby" ng-class="{disabled: hobby}" ng-change="handleCheckbox($event)" /> </li> </ul> </p> <script src="//cdn.bootcss.com/angular.js/1.5.7/angular.min.js"></script> <script> angular.module('app', []) .controller('demo', ['$scope', function ($scope) { $scope.hobby = false; }]); </script> </body> </html>
雷雷
ng-model需要一致。用value控制內容.以下程式碼就是個思路，有很多問題，像是我發現的，清單不能抽出來，用ng-for不可行。 .disabled需要自己調節樣式。