Javascript 在AngularJS中选中复选框时禁用取消选中

我是一个初学者，想通过一些javascript来学习/理解它在做什么。我在AngularJS网站上找到了这个基本的“待办事项列表”脚本，并开始使用它。当你选中一个复选框时，我添加了一条消息，但是当我取消选中它时，我得到了相同的消息。因此，最好的选择是，选中时无法取消选中它。我找了很长时间，但找不到正确的答案。也许你们有些人知道怎么做

提前谢谢

这是我的密码 HTML:

---

肯定会有用的。。尝试更改：

<input type="checkbox" onclick="alert('Well done!')" ng-model="todo.done">

到

---

以下是解决此问题的代码

var-app=angular.module（'myApp'，[]）

检查一次，它将被锁定


使用
ngDisabled
指令，如：

<input type="checkbox" onclick="alert('Well done!')" ng-model="todo.done" ng-disabled="todo.done">



查看

<div ng-app="app" ng-controller="DateController as vm">
  <div>
        <span>Nog {{vm.remaining()}} van de {{vm.todos.length}} te gaan!</span>
        <!--[ <a href="" ng-click="todoList.archive()">archive</a> ]-->
        <ul class="unstyled">
          <li ng-repeat="todo in vm.todos">
            <label class="checkbox">
              <input type="checkbox" onclick="alert('Well done!')" ng-model="todo.done" ng-disabled="todo.done">
              <span class="done-{{todo.done}}">{{todo.text}}</span>
            </label>
          </li>
        </ul>
      </div> <!--einde ng-controller -->
</div>


Nog{{vm.remaining（）}}van de{{{vm.todos.length}}tegaan！


{{todo.text}


所以您想在选中复选框时禁用它？是的，这就是我想要达到的。请尝试更改。谢谢Sangwin，这段代码完成了任务！很高兴我能帮上忙：）为什么你不能使用
ng click
？你可以，但这是他的代码，我不想做太多更改，因为他一定已经仔细考虑过了。经确认，此解决方案适用于Angular 2+版本。谢谢桑温！很高兴我能帮助你。快乐编码！！
<input type="checkbox" onclick="alert('Well done!')" ng-model="todo.done" ng-disabled="todo.done">

<input type="checkbox" onclick="alert('Well done!')" ng-model="todo.done" ng-disabled="todo.done">

<div ng-app="app" ng-controller="DateController as vm">
  <div>
        <span>Nog {{vm.remaining()}} van de {{vm.todos.length}} te gaan!</span>
        <!--[ <a href="" ng-click="todoList.archive()">archive</a> ]-->
        <ul class="unstyled">
          <li ng-repeat="todo in vm.todos">
            <label class="checkbox">
              <input type="checkbox" onclick="alert('Well done!')" ng-model="todo.done" ng-disabled="todo.done">
              <span class="done-{{todo.done}}">{{todo.text}}</span>
            </label>
          </li>
        </ul>
      </div> <!--einde ng-controller -->
</div>