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 相关文章推荐
一个不错的用JavaScript实现的UBB编码函数
Mar 09 Javascript
JavaScript 变量基础知识
Nov 07 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
Jul 24 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
Vue实现点击显示不同图片的效果
Aug 10 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
javascript跳转与返回和刷新页面的实例代码
Nov 20 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 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 面向对象之成员方法详解
2013/05/04 PHP
phpmyadmin打开很慢的解决方法
2014/04/21 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
php里array_work用法实例分析
2015/07/13 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
2015/07/09 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
JS中的三个循环小结
2017/06/20 Javascript
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
Python安装Numpy和matplotlib的方法(推荐)
2017/11/02 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
印度最大的旅游网站:MakeMyTrip
2016/10/05 全球购物
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
物流合作计划书
2014/01/10 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
linux中nohup和后台运行进程查看及终止
2021/06/24 Python
学习nginx基础知识
2021/09/04 Servers
Go语言入门exec的基本使用
2022/05/20 Golang