编程 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比较两个时间大小的简单示例代码

Dec 20 Javascript

js在输入框屏蔽按键,只能键入数字的示例代码

Jan 03 Javascript

解决用jquery load加载页面到div时,不执行页面js的问题

Feb 22 Javascript

js判断浏览器类型为ie6时不执行

Jun 15 Javascript

JavaScript原型及原型链终极详解

Jan 04 Javascript

jquery实现上传文件大小类型的验证例子(推荐)

Jun 25 Javascript

javaScript手机号码校验工具类PhoneUtils详解

Dec 08 Javascript

谈谈JavaScript中的函数

Sep 08 Javascript

vue实现简单全选和反选功能

Sep 15 Javascript

angular *Ngif else用法详解

Dec 15 Javascript

vue 数据操作相关总结

Dec 17 Vue.js

javascript实现倒计时关闭广告

Feb 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遍历目录viewDir函数

2009/12/15 PHP

PHP的autoload机制的实现解析

2012/09/15 PHP

php二维数组排序方法(array_multisort usort)

2013/12/25 PHP

ThinkPHP连接数据库的方式汇总

2014/12/05 PHP

smarty内置函数section的用法

2015/01/22 PHP

Laravel 5 框架入门（二）构建 Pages 的管理功能

2015/04/09 PHP

PHP封装的数据库保存session功能类

2016/07/11 PHP

php array_walk_recursive 使用自定的函数处理数组中的每一个元素

2016/11/16 PHP

Array.prototype.slice 使用扩展

2010/06/09 Javascript

js实现文本框选中的方法

2015/05/26 Javascript

JS基于FileSystemObject创建一个指定路径的TXT文本文件

2015/08/05 Javascript

jQuery实现加入收藏夹功能(主流浏览器兼职)

2016/12/24 Javascript

解决vue.js 数据渲染成功仍报错的问题

2018/08/25 Javascript

跨域请求两种方法 jsonp和cors的实现

2018/11/11 Javascript

vue基于两个计算属性实现选中和全选功能示例

2019/02/08 Javascript

微信小程序整合使用富文本编辑器的方法详解

2019/04/25 Javascript

vue+mock.js实现前后端分离

2019/07/24 Javascript

浅谈Three.js截图并下载的大坑

2019/11/01 Javascript

[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

Cpy和Python的效率对比

2015/03/20 Python

全面理解Python中self的用法

2016/06/04 Python

解决pyqt中ui编译成窗体.py中文乱码的问题

2016/12/23 Python

python类的继承实例详解

2017/03/30 Python

浅谈numpy数组的几种排序方式

2017/12/15 Python

Python WEB应用部署的实现方法

2019/01/02 Python

python itchat实现调用微信接口的第三方模块方法

2019/06/11 Python

Python3的socket使用方法详解

2020/02/18 Python

如何基于Django实现上下文章跳转

2020/09/16 Python

全球性的女装店：storets

2019/06/12 全球购物

实习生自荐信范文分享

2013/11/27 职场文书

军训自我鉴定怎么写

2014/02/13 职场文书

求职信范文怎么写

2015/03/19 职场文书

小平您好观后感

2015/06/09 职场文书

2016年元旦致辞

2015/08/01 职场文书

Nginx tp3.2.3 404问题解决方案

2021/03/31 Servers

Python socket如何解析HTTP请求内容

2022/02/12 Python