编程 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 相关文章推荐

jQuery实现返回顶部功能适合不支持js的浏览器

Aug 19 Javascript

Javascript学习笔记之数组的遍历和 length 属性

Nov 23 Javascript

jquery京东商城双11焦点图多图广告特效代码分享

Sep 06 Javascript

jQuery AjaxUpload 上传图片代码

Feb 02 Javascript

javascript中JSON.parse()与eval()解析json的区别

May 19 Javascript

浅谈javascript中的数据类型转换

Dec 27 Javascript

vue中component组件的props使用详解

Sep 04 Javascript

element-ui上传一张图片后隐藏上传按钮功能

May 22 Javascript

JS FormData对象使用方法实例详解

Feb 12 Javascript

vue实现信息管理系统

May 30 Javascript

vue实现简易图片左右旋转,上一张,下一张组件案例

Jul 31 Javascript

你不知道的SpringBoot与Vue部署解决方案

Nov 09 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取得一个类的属性和方法的实现代码

2011/05/22 PHP

用PHP写的基于Memcache的Queue实现代码

2011/11/27 PHP

php调整gif动画图片尺寸示例代码分享

2013/12/05 PHP

PHP之uniqid()函数用法

2014/11/03 PHP

thinkphp3.2.3版本的数据库增删改查实现代码

2016/09/22 PHP

PHP-FPM 的管理和配置详解

2019/02/17 PHP

PHP7数组的底层实现示例

2019/08/25 PHP

php提高脚本性能的4个技巧

2020/08/18 PHP

javascript IE中的DOM ready应用技巧

2008/07/23 Javascript

利用JQuery+EasyDrag 实现弹出可拖动的Div，同时向Div传值，然后返回Div选中的值

2009/10/24 Javascript

jquery UI 1.72 之datepicker

2009/12/29 Javascript

javascript调试说明

2010/06/07 Javascript

使用CamanJS在Web页面上处理图像的技巧

2015/08/18 Javascript

jquery弹出框插件jquery.ui.dialog用法分析

2016/08/20 Javascript

CSS3+JavaScript实现翻页幻灯片效果

2017/06/28 Javascript

实现div滚动条默认最底部以及默认最右边的示例代码

2017/11/15 Javascript

Promise.all中对于reject的处理方法

2018/08/01 Javascript

微信小程序实现留言板（Storage）

2018/11/02 Javascript

javaScript实现游戏倒计时功能

2018/11/17 Javascript

小程序实现多列选择器

2019/02/15 Javascript

vue+koa2实现session、token登陆状态验证的示例

2019/08/30 Javascript

Vue3 中的数据侦测的实现

2019/10/09 Javascript

jQuery实现增删改查

2020/12/22 jQuery

Ubuntu下使用python读取doc和docx文档的内容方法

2018/05/08 Python

安装完Python包然后找不到模块的解决步骤

2020/02/13 Python

详解python 内存优化

2020/08/17 Python

CSS3中动画属性transform、transition和animation属性的区别

2016/09/25 HTML / CSS

HTML5中使用postMessage实现Ajax跨域请求的方法

2016/04/19 HTML / CSS

amazeui树节点自动展开折叠面板并选中第一个树节点的实现

2020/08/24 HTML / CSS

莫斯科的韩国化妆品店：Sifo

2019/12/04 全球购物

Stührling手表官方网站：男女高品质时尚手表的领先零售商

2021/01/07 全球购物

yy生日主持词

2014/03/20 职场文书

四年级学生评语大全

2014/04/21 职场文书

单位工作证明格式模板

2014/10/04 职场文书

中学图书馆工作总结

2015/08/11 职场文书

Redis入门基础常用操作命令整理

2022/06/01 Redis