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 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 Javascript
vue组件实例解析
Jan 10 Javascript
深入解析Vue 组件命名那些事
Jul 18 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
JavaScript生成随机验证码代码实例
Sep 28 Javascript
前端canvas中物体边框和控制点的实现示例
Aug 05 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中使用Oracle数据库(6)
2006/10/09 PHP
php array_intersect()函数使用代码
2009/01/14 PHP
Yii使用ajax验证显示错误messagebox的解决方法
2014/12/03 PHP
PHP解决中文乱码
2017/04/28 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
js和jquery设置disabled属性为true使按钮失效
2014/08/07 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
Python实现二维数组按照某行或列排序的方法【numpy lexsort】
2017/09/22 Python
在Python中表示一个对象的方法
2019/06/25 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
Pygame的程序开始示例代码
2020/05/07 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
实习老师个人总结的自我评价
2013/09/28 职场文书
单位单身证明范本
2014/01/11 职场文书
2014年小学元旦活动方案
2014/02/12 职场文书
党的群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书
pytorch 运行一段时间后出现GPU OOM的问题
2021/06/02 Python