AngularJS ng-checked 指令

实例

点击一个 Checkbox 来全选:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. <p>My cars:</p>
  6. <input type="checkbox" ng-model="all">全选<br><br>
  7. <input type="checkbox" ng-checked="all">Volvo<br>
  8. <input type="checkbox" ng-checked="all">Ford<br>
  9. <input type="checkbox" ng-checked="all">Mercedes
  10. <p>点击 "全选" 来选择所有的车</p>
  11. </body>
  12. </html>

定义与用法

ng-checked 指令设置复选框或单选按钮的选中属性。

如果 ng-checked 属性中的表达式返回 true,则复选框或单选按钮将被选中。

ng-checked 指令必须能够在 truefalse 之间转换。在 HTML 中,不能将 checked 属性设置为 falsechecked 属性的存在使元素处于选中状态,无论其值如何)。


语法

  1. <input type="checkbox|radio" ng-checked="expression"></input>

由 checkbox 或 radio 类型的 <input> 元素支持。


参数值

描述
expression一个表达式,如果返回 true,它将设置元素的 checked 属性。

分类导航