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

JavaScript 判断用户输入的邮箱及手机格式是否正确

Dec 08 Javascript

js调试系列源码定位与调试[基础篇]

Jun 18 Javascript

Node.js中HTTP模块与事件模块详解

Nov 14 Javascript

jquery移动节点实例

Jan 14 Javascript

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

May 16 Javascript

15款最好的Bootstrap在线编辑器

Aug 03 Javascript

jquery仿ps颜色拾取功能

Mar 08 Javascript

vue.js实现含搜索的多种复选框（附源码）

Mar 23 Javascript

js判断输入框不能为空格或null值的实现方法

Mar 02 Javascript

JavaScript使用math.js进行精确计算操作示例

Jun 19 Javascript

vue配置文件实现代理v2版本的方法

Jun 21 Javascript

详解Vue2.5+迁移至Typescript指南

Aug 01 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内置的Math函数效率测试

2014/12/01 PHP

php+mysql大量用户登录解决方案分析

2014/12/29 PHP

php自定义函数实现二维数组按指定key排序的方法

2016/09/29 PHP

PHP异步进程助手async-helper

2018/02/05 PHP

php使用自带dom扩展进行元素匹配的原理解析

2020/05/29 PHP

用javascript实现点击链接弹出"图片另存为"而不是直接打开

2007/08/15 Javascript

JavaScript setTimeout和setInterval的使用方法说明

2010/03/25 Javascript

js快速排序的实现代码

2013/12/08 Javascript

js处理自己不能定义二维数组的方法详解

2014/03/03 Javascript

JavaScript获得指定对象大小的方法

2015/07/01 Javascript

深入理解逻辑表达式的用法与或非的用法

2016/06/06 Javascript

jquery+Jscex打造游戏力度条

2020/09/12 Javascript

Bootstrap表单控件使用方法详解

2017/01/11 Javascript

基于Vue开发数字输入框组件

2017/12/19 Javascript

webpack实用小功能介绍

2018/01/02 Javascript

对angularJs中2种自定义服务的实例讲解

2018/09/30 Javascript

angular将html代码输出为内容的实例

2018/09/30 Javascript

JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

2019/01/09 Javascript

vue2.0实现的tab标签切换效果（内容可自定义）示例

2019/02/11 Javascript

vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)

2020/06/11 Javascript

mustache.js实现首页元件动态渲染的示例代码

2020/12/28 Javascript

Python实现pdf文档转txt的方法示例

2018/01/19 Python

python3实现钉钉消息推送的方法示例

2019/03/14 Python

python实现实时视频流播放代码实例

2020/01/11 Python

python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法

2020/02/14 Python

Omio中国：全欧洲低价大巴、火车和航班搜索和比价

2018/08/09 全球购物

英国的领先快速时尚零售商：In The Style

2019/03/25 全球购物

物业管理大学生个人的自我评价

2013/10/10 职场文书

幼儿园教师的自我评价范文

2014/09/17 职场文书

2015元旦家电促销活动策划方案

2014/12/09 职场文书

自我工作评价范文

2015/03/06 职场文书

2016学校元旦晚会经典开场白台词

2015/12/03 职场文书

2019单位介绍信怎么写

2019/06/24 职场文书

Ajax常用封装库——Axios的使用

2021/05/08 Javascript

vue组件vue-esign实现电子签名

2022/04/21 Vue.js

ssh服务器拒绝了密码请再试一次已解决(亲测有效)

2022/08/14 Servers