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

javascript制作网页图片上实现下雨效果

Feb 26 Javascript

JS鼠标拖拽实例分析

Nov 23 Javascript

javascript正则表达式总结

Feb 29 Javascript

用JS生成UUID的方法实例

Mar 30 Javascript

谈谈JavaScript中浏览器兼容问题的写法小议

Dec 17 Javascript

Angualrjs和bootstrap相结合实现数据表格table

Mar 30 Javascript

JS jQuery使用正则表达式去空字符的简单实现代码

May 20 jQuery

前端主流框架vue学习笔记第一篇

Jul 26 Javascript

JS正则表达式完美实现身份证校验功能

Oct 18 Javascript

js实现中文实时时钟

Jan 15 Javascript

JavaScript 语句之常用 for 循环详解

Mar 29 Javascript

node.js如何自定义实现一个EventEmitter

Jul 16 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中配置文件操作如config.php文件的读取修改等操作

2012/07/07 PHP

PHP网页游戏学习之Xnova(ogame)源码解读（六）

2014/06/23 PHP

php遍历目录方法小结

2015/03/10 PHP

PHP实现统计在线人数功能示例

2016/10/15 PHP

php多文件打包下载的实例代码

2017/07/12 PHP

PHP实现网站访问量计数器

2017/10/27 PHP

Jquery加载时从后台读取数据绑定到dropdownList实例

2013/06/09 Javascript

Get中文乱码IE浏览器Get中文乱码解决方案

2013/12/26 Javascript

Jquery 实现弹出层插件

2015/01/28 Javascript

jQuery功能函数详解

2015/02/01 Javascript

js仿土豆网带缩略图的焦点图片切换效果实现方法

2015/02/23 Javascript

JavaScript实现字符串与日期的互相转换及日期的格式化

2016/03/07 Javascript

JavaScript中setTimeout和setInterval函数的传参及调用

2016/03/11 Javascript

React Native第三方平台分享的实例（Android，IOS双平台）

2017/08/04 Javascript

Vue.js在数组中插入重复数据的实现代码

2017/11/17 Javascript

JS实现马赛克图片效果完整示例

2019/04/13 Javascript

vue 授权获取微信openId操作

2020/11/13 Javascript

python 实现插入排序算法

2012/06/05 Python

python实现bitmap数据结构详解

2014/02/17 Python

Python实现数据库编程方法详解

2015/06/09 Python

深入理解Python中字典的键的使用

2015/08/19 Python

python使用matplotlib绘制折线图教程

2017/02/08 Python

python PIL和CV对图片的读取,显示,裁剪,保存实现方法

2019/08/07 Python

Python面向对象编程基础实例分析

2020/01/17 Python

Python列表操作方法详解

2020/02/09 Python

Clarks英国官方网站：全球领军鞋履品牌

2016/11/26 全球购物

全世界最美丽的四星和五星级酒店预订：Prestigia.com

2017/11/15 全球购物

印度尼西亚最好的小工具在线商店：Erafone.com

2019/03/26 全球购物

工商企业管理实习自我鉴定

2013/12/04 职场文书

就业表自我评价分享

2014/02/06 职场文书

学生会宣传部部长竞选演讲稿

2014/04/25 职场文书

参观邀请函范文

2015/02/02 职场文书

2016年九九重阳节活动总结

2016/04/01 职场文书

带你了解CSS基础知识,样式

2021/07/21 HTML / CSS

Windows下载并安装MySQL8.0.x 版本的完整教程

2022/04/10 MySQL

阿里面试Nacos配置中心交互模型是push还是pull原理解析

2022/07/23 Java/Android