AngularJS ng-checked 指令



  • 定义和用法

    ng-checked 指令设置复选框或单选按钮的 checked 属性。
    如果 ng-checked 属性中的表达式返回 true,则将选中复选框或单选按钮。
    ng-checked 指令对于使值在 truefalse 之间移动是必需的。 在 HTML 中,不能将 checked 属性设置为false(checked属性的存在使元素处于选中状态,而不论其值如何)。
  • 语法

    <input type="checkbox|radio" ng-checked="expression"></input>
    
    单选框或复选框仅由<input>元素支持。
  • 参数

    参数 必需的 描述
    expression 如果元素返回true,则该表达式将设置元素的checked属性。
  • 示例

    下例演示了选中一项以检查所有内容:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
    </head>
    <body ng-app="myApp">
          <input type="checkbox" ng-model="all"> 选择所有<br><br>
          <input type="checkbox" ng-checked="all">Vue<br>
          <input type="checkbox" ng-checked="all">AngularJS<br>
          <input type="checkbox" ng-checked="all">React<br>
          <input type="checkbox" ng-checked="all">HTML5
    </body>
    </html>