编程 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 相关文章推荐

一个用js实现控制台控件的代码

Sep 04 Javascript

javascript css float属性的特殊写法

Nov 13 Javascript

原生js实现查找/添加/删除/指定元素的class

Apr 12 Javascript

关于jquery中全局函数each使用介绍

Dec 10 Javascript

如何书写高质量jQuery代码(使用jquery性能问题)

Jun 30 Javascript

函数window.open实现关闭所有的子窗口

Aug 03 Javascript

js中的内部属性与delete操作符介绍

Aug 10 Javascript

javascript:void(0)点击登录没反应怎么解决

Nov 13 Javascript

微信小程序获取二维码实例详解

Jun 23 Javascript

详解webpack + vue + node 打造单页面(入门篇)

Sep 23 Javascript

Vue使用zTree插件封装树组件操作示例

Apr 25 Javascript

深入详解JS函数的柯里化

Jun 09 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

PHP Ajax实现页面无刷新发表评论

2007/01/02 PHP

php中使用parse_url()对网址进行解析的实现代码(parse_url详解)

2012/01/03 PHP

Codeigniter通过SimpleXML将xml转换成对象的方法

2015/03/19 PHP

jQuery+php简单实现全选删除的方法

2016/11/28 PHP

js 弹出框只弹一次(二次修改之后的)

2013/11/26 Javascript

javascript删除元素节点removeChild()用法实例

2015/05/26 Javascript

jQuery对JSON数据进行排序输出的方法

2015/06/24 Javascript

深入分析jQuery的ready函数是如何工作的(工作原理)

2015/12/17 Javascript

Vue动态实现评分效果

2017/05/24 Javascript

ES6新特性之类(Class)和继承(Extends)相关概念与用法分析

2017/05/24 Javascript

分享ES6的7个实用技巧

2018/01/18 Javascript

Node.js 利用cheerio制作简单的网页爬虫示例

2018/03/01 Javascript

JS实现字符串去重及数组去重的方法示例

2018/04/21 Javascript

JavaScript类数组对象转换为数组对象的方法实例分析

2018/07/24 Javascript

vue项目动态设置页面title及是否缓存页面的问题

2018/11/08 Javascript

JavaScript数组特性与实践应用深入详解

2018/12/30 Javascript

Vue实现日历小插件

2019/06/26 Javascript

通过实例解析JavaScript常用排序算法

2020/09/02 Javascript

[02:44]重置世界，颠覆未来——DOTA2 7.23版本震撼上线

2019/12/01 DOTA

linux系统使用python获取内存使用信息脚本分享

2014/01/15 Python

python实现dnspod自动更新dns解析的方法

2014/02/14 Python

python基础教程之基本内置数据类型介绍

2014/02/20 Python

Python中用format函数格式化字符串的用法

2015/04/08 Python

详解Python中的循环语句的用法

2015/04/09 Python

Python利用带权重随机数解决抽奖和游戏爆装备问题

2016/06/16 Python

pycharm 配置远程解释器的方法

2018/10/28 Python

Django处理Ajax发送的Get请求代码详解

2019/07/29 Python

Jupyter notebook如何修改平台字体

2020/05/13 Python

localStorage的过期时间设置的方法详解

2018/11/26 HTML / CSS

瑜伽灵感珠宝：Satya Jewelry

2018/01/06 全球购物

英国定做窗帘和纺织品面料一站式商店：Dekoria

2018/08/29 全球购物

国庆节文艺活动方案

2014/02/03 职场文书

解除合同协议书

2014/04/17 职场文书

初中班级口号霸气押韵

2015/12/24 职场文书

Python打包为exe详细教程

2021/05/18 Python

详解Go语言Slice作为函数参数的使用

2021/07/02 Golang