Question

我想取消选中启动时的两个复选框，并允许用户一次只选中一个复选框。我只能使用 ng -... 属性吗？

我正在尝试以下代码

            <div style="border:1px solid">
                <label><input type="checkbox" ng-checked="!Titleshine_check" ng-model="blink_check">Blink</label>
                &nbsp;&nbsp;(OR)&nbsp;&nbsp;
                <label><input type="checkbox" ng-checked="!blink_check" ng-model="Titleshine_check">Shine</label>
                <br>
            </div>

http://plnkr.co/edit/2BLssmNTB5r8LjeGZf65?p=preview

Answer 1

这里有完整的例子

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>

    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.17/angular.js" data-semver="1.3.17"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">

                        <div style="border:1px solid">

                        select type:
                        <form>
                          <input type="radio" name="opt1" ng-change="radioValue" ng-model="radioValue" value="this" unchecked> this
                          <br>
                          <input type="radio" name="opt2" ng-change="radioValue" ng-model="radioValue" value="that" unchecked> that
                        </form>
                        <span ng-bind="radioValue"></span>

                    </div>


  </body>

</html>

和js：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
 $scope.radioValue="empty";
});

Answer 2

如果你真的想要复选框，你可以这样做：

http://plnkr.co/edit/ukDKjBZsp7AtY5UiIhBj?p=preview

<div style="border:1px solid">
    <label><input type="checkbox" ng-model="blink_check">Blink</label>
    &nbsp;&nbsp;(OR)&nbsp;&nbsp;
    <label><input type="checkbox" ng-click="blink_check = !blink_check" ng-model="!blink_check" >Shine</label>
<br>
</div>

如何取消选中加载并切换两个复选框angularjs

2 个答案: