编程 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函数实现动态添加CSS样式表文件

Dec 15 Javascript

IE不支持getElementsByClassName最终完美解决方案

Dec 17 Javascript

jquery捕捉回车键及获取checkbox值与异步请求的方法

Dec 24 Javascript

AngularJS入门教程之服务(Service)

Jul 27 Javascript

Vue自定义指令使用方法详解

Aug 21 Javascript

Angular开发实践之服务端渲染

Mar 29 Javascript

vue filters的使用详解

Jun 11 Javascript

JS使用Prim算法和Kruskal算法实现最小生成树

Jan 17 Javascript

解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题

Oct 11 Javascript

vuex存储token示例

Nov 11 Javascript

基于node+vue实现简单的WebSocket聊天功能

Feb 01 Javascript

Javascript模拟实现new原理解析

Mar 03 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

用文本文件制作留言板提示（下）

2006/10/09 PHP

php写的简易聊天室代码

2011/06/04 PHP

php网页标题中文乱码的有效解决方法

2014/03/05 PHP

php解决约瑟夫环示例

2014/04/09 PHP

PHP写的资源下载防盗链类分享

2014/05/12 PHP

深入剖析PHP中printf()函数格式化使用

2016/05/23 PHP

利用laravel+ajax实现文件上传功能方法示例

2017/08/13 PHP

laravel model 两表联查示例

2019/10/24 PHP

jquery miniui 教程表格控件合并单元格应用

2012/11/25 Javascript

谈谈关于JavaScript 中的 MVC 模式

2013/04/11 Javascript

ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)

2014/08/30 Javascript

分享33个jQuery与CSS3实现的绚丽鼠标悬停效果

2014/12/15 Javascript

js实现a标签超链接提交form表单的方法

2015/06/24 Javascript

jQuery AjaxUpload 上传图片代码

2016/02/02 Javascript

js 动态给元素添加、移除事件的实现方法

2016/07/19 Javascript

bootstrap table实例详解

2017/01/06 Javascript

vue-resource 拦截器使用详解

2017/02/21 Javascript

EasyUI创建人员树的实例代码

2017/09/15 Javascript

利用ECharts.js画K线图的方法示例

2018/01/10 Javascript

JS验证输入的是否是数字及保留几位小数问题

2018/05/09 Javascript

ES6 let和const定义变量与常量的应用实例分析

2019/06/27 Javascript

Vue如何获取数据列表展示

2019/12/11 Javascript

使用Python的Bottle框架写一个简单的服务接口的示例

2015/08/25 Python

django开发之settings.py中变量的全局引用详解

2017/03/29 Python

人生苦短我用python python如何快速入门?

2018/03/12 Python

python从list列表中选出一个数和其对应的坐标方法

2019/07/20 Python

python实现猜拳游戏

2020/03/04 Python

Python爬虫之Selenium实现键盘事件

2020/12/04 Python

亲属关系公证书

2014/04/08 职场文书

创业女性典型材料

2014/05/02 职场文书

设备售后服务承诺书

2014/05/30 职场文书

国庆节促销广告语2014

2014/09/19 职场文书

2015年政治教研组工作总结

2015/07/22 职场文书

会计实训总结范文

2015/08/03 职场文书

上手简单,功能强大的Python爬虫框架——feapder

2021/04/27 Python

Python实现批量将文件复制到新的目录中再修改名称

2022/04/12 Python