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

js加解密脚本解密

Feb 22 Javascript

javascript 获取select下拉列表值的代码

Sep 07 Javascript

flexigrid 参数说明

Nov 23 Javascript

javascript 获取网页标题代码实例

Jan 22 Javascript

JQuery给元素绑定click事件多次执行的解决方法

May 29 Javascript

SpringMVC返回json数据的三种方式

Dec 10 Javascript

基于javascript实现句子翻牌网页版小游戏

Mar 23 Javascript

使用Node.js搭建静态资源服务详细教程

Aug 02 Javascript

详解layui弹窗父子窗口之间传参数的方法

Jan 16 Javascript

在vue项目中使用element-ui的Upload上传组件的示例

Feb 08 Javascript

代码详解javascript模块加载器

Mar 04 Javascript

微信小程序点击item使之滚动到屏幕中间位置

Mar 25 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新手上路（十）

2006/10/09 PHP

php 攻击方法之谈php+mysql注射语句构造

2009/10/30 PHP

PHP 面向对象 final类与final方法

2010/05/05 PHP

设置php页面编码的两种方法示例介绍

2014/03/03 PHP

详解PHP中strlen和mb_strlen函数的区别

2014/03/07 PHP

Yii rules常用规则示例

2016/03/15 PHP

简单解决微信文章图片防盗链问题

2016/12/17 PHP

Yii2实现UploadedFile上传文件示例

2017/02/15 PHP

tp5(thinkPHP5框架)captcha验证码配置及验证操作示例

2019/05/28 PHP

取得传值的函数

2006/10/27 Javascript

判断iframe里的页面是否加载完成

2014/06/06 Javascript

一个字符串反转函数可实现字符串倒序

2014/09/15 Javascript

深入理解JavaScript系列（46）：代码复用模式（推荐篇）详解

2015/03/04 Javascript

jQuery实现文本框输入同步的方法

2015/06/20 Javascript

解析Node.js异常处理中domain模块的使用方法

2016/02/16 Javascript

jquery dataview数据视图插件使用方法

2016/12/23 Javascript

JS中闭包的经典用法小结(2则示例)

2016/12/28 Javascript

Javascript 实现全屏滚动实例代码

2016/12/31 Javascript

JavaScript变量作用域_动力节点Java学院整理

2017/06/27 Javascript

jQuery实现腾讯信用界面(自制刻度尺)样式

2017/08/15 jQuery

学习RxJS之JavaScript框架Cycle.js

2019/06/17 Javascript

Vue 根据条件判断van-tab的显示方式

2020/08/03 Javascript

DWR内存兼容及无法调用问题解决方案

2020/10/16 Javascript

[07:40]DOTA2每周TOP10 精彩击杀集锦vol.4

2014/06/25 DOTA

[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3

2018/06/04 DOTA

python: 判断tuple、list、dict是否为空的方法

2018/10/22 Python

python利用多种方式来统计词频（单词个数）

2019/05/27 Python

Django shell调试models输出的SQL语句方法

2019/08/29 Python

Tretorn美国官网：瑞典外套和鞋类品牌，抵御风雨

2018/07/19 全球购物

生产班组长岗位职责

2014/01/05 职场文书

银行批评与自我批评

2014/02/10 职场文书

医学专业应届生的自我评价

2014/02/28 职场文书

党的群众路线对照检查材料

2014/09/22 职场文书

入党宣誓仪式主持词

2015/06/29 职场文书

2016年寒假学习心得体会

2015/10/09 职场文书

MySQL GRANT用户授权的实现

2021/06/18 MySQL