上一节:
下一节:

  AngularJS ng-checked 指令

  • 定义和用法

    ng-checked 指令设置复选框或单选按钮的 checked 属性。
    如果 ng-checked 属性中的表达式返回 true，则将选中复选框或单选按钮。
    ng-checked 指令对于使值在 true 和 false 之间移动是必需的。 在 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>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: