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 相关文章推荐
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
JS实现多物体缓冲运动实例代码
Nov 29 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
Vue动态组件与异步组件实例详解
Feb 23 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
vue 自动化路由实现代码
Sep 03 Javascript
Javascript实现鼠标移入方向感知
Jun 24 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
Aug 19 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 Javascript
vue router返回到指定的路由的场景分析
Nov 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
开源SNS系统-ThinkSNS
2008/05/18 PHP
php读取xml实例代码
2010/01/28 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
巧用php中的array_filter()函数去掉多维空值的代码分享
2012/09/07 PHP
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
如何在HTML 中嵌入 PHP 代码
2015/05/13 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
PHP _construct()函数讲解
2019/02/03 PHP
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
AngularJS 监听变量变化的实现方法
2018/10/09 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
几款好用的python工具库(小结)
2020/10/20 Python
高性能装备提升营地:Kammok
2019/02/27 全球购物
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
微笑服务演讲稿
2014/05/13 职场文书
人事主管岗位职责
2015/02/04 职场文书
老乡会致辞
2015/07/28 职场文书