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)将会被选中。

语法

<input type="checkbox|radio" ng-checked="expression"></input>

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

参数值

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

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

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