编程 Javascript

AngularJS入门教程之ng-checked 指令详解

Posted in Javascript onAugust 01, 2016

AngularJS ng-checked 指令

AngularJS 实例

选择一个或选择所有选项:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
 <p>My cars:</p>
 <input type="checkbox" ng-model="all"> Check all<br><br>
 <input type="checkbox" ng-checked="all">Volvo<br>
 <input type="checkbox" ng-checked="all">Ford<br>
 <input type="checkbox" ng-checked="all">Mercedes
 <p>点击 "Check all" 选择所有的车。</p>
</body>
</html>

定义和用法

ng-checked 指令用于设置复选框(checkbox)或单选按钮(radio)的 checked 属性。

如果 ng-checked 属性返回 true，复选框(checkbox)或单选按钮(radio)将会被选中。

语法

type 为 checkbox 或 radio 的 <input> 元素支持。

参数值

值	描述
expression	如果返回 true，将会选中元素选项。

以上就是对AngularJS ng-checked 指令的资料整理，后续继续补充，谢谢大家的支持！

AngularJS入门教程之ng-checked 指令详解

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

document.documentElement && document.documentElement.scrollTop

Dec 01 Javascript

传智播客学习之JavaScript基础篇

Nov 13 Javascript

jquery获取自定义属性(attr和prop)实例介绍

Apr 21 Javascript

谈一谈js中的执行环境及作用域

Mar 30 Javascript

Node.js 数据加密传输浅析

Nov 16 Javascript

js返回顶部实例分享

Dec 21 Javascript

基于D3.js实现时钟效果

Jul 17 Javascript

element ui 表格动态列显示空白bug 修复方法

Sep 04 Javascript

vue自定义tap指令及tap事件的实现

Sep 18 Javascript

Vue.js的动态组件模板的实现

Nov 26 Javascript

如何用JS模拟实现数组的map方法

Jul 30 Javascript

Node.js实现断点续传

Jun 23 Javascript

浅谈JavaScript中面向对象的的深拷贝和浅拷贝

Aug 01 #Javascript

Javascript OOP之面向对象

Jul 31 #Javascript

JavaScript的字符串方法汇总

Jul 31 #Javascript

javascript 数组的正态分布排序的问题

Jul 31 #Javascript

详细谈谈javascript的对象

Jul 31 #Javascript

JS中使用DOM来控制HTML元素

Jul 31 #Javascript

图解prototype、proto和constructor的三角关系

Jul 31 #Javascript

You might like

谈一谈收音机的高放电路

2021/03/02 无线电

php实现的顺序线性表示例

2019/05/04 PHP

node.js中的console.error方法使用说明

2014/12/10 Javascript

Javascript 拖拽的一些高级的应用(逐行分析代码，让你轻松了拖拽的原理)

2015/01/23 Javascript

jQuery中toggle()函数的使用实例

2015/04/17 Javascript

Bootstrap每天必学之日期控制

2016/03/07 Javascript

JavaScript 弹出子窗体并返回结果到父窗体的实现代码

2016/05/28 Javascript

BootStrap智能表单实战系列(四)表单布局介绍

2016/06/13 Javascript

AngularJS的ng-repeat指令与scope继承关系实例详解

2017/01/21 Javascript

简单实现AngularJS轮播图效果

2020/04/10 Javascript

JavaScript实现简单的树形菜单效果

2017/06/23 Javascript

JavaScript条件判断_动力节点Java学院整理

2017/06/26 Javascript

React Native模块之Permissions权限申请的实例相机

2017/09/28 Javascript

使用use注册Vue全局组件和全局指令的方法

2018/03/08 Javascript

微信小程序之swiper轮播图中的图片自适应高度的方法

2018/04/23 Javascript

关于微信小程序登录的那些事

2019/01/08 Javascript

JS如何判断对象是否包含某个属性

2020/08/29 Javascript

Python常用的日期时间处理方法示例

2015/02/08 Python

Apache如何部署django项目

2017/05/21 Python

深入理解Django的自定义过滤器

2017/10/17 Python

python 通过logging写入日志到文件和控制台的实例

2018/04/28 Python

Python使用type关键字创建类步骤详解

2019/07/23 Python

python小程序之4名牌手洗牌发牌问题解析

2020/05/15 Python

Pycharm 解决自动格式化冲突的设置操作

2021/01/15 Python

XML文档面试题

2015/08/05 面试题

法律七进实施方案

2014/03/15 职场文书

英语专业毕业生求职信

2014/05/24 职场文书

销售人员工作自我评价

2014/09/21 职场文书

交警作风整顿剖析材料

2014/10/11 职场文书

个人批评与自我批评材料

2014/10/17 职场文书

2015年世界艾滋病日活动总结

2015/03/24 职场文书

2016年世界人口日宣传活动总结

2016/04/05 职场文书

Java面试题冲刺第十六天--消息队列

2021/08/07 面试题

深入理解go缓存库freecache的使用

2022/02/15 Golang

Python OpenCV之常用滤波器使用详解

2022/04/07 Python

Vue2项目中对百度地图的封装使用详解

2022/06/16 Vue.js