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

JavaScipt基本教程之JavaScript语言的基础

Jan 16 Javascript

通过javascript的匿名函数来分析几段简单有趣的代码

Jun 29 Javascript

基于JQuery的asp.net树实现代码

Nov 30 Javascript

IE的fireEvent方法概述及应用

Feb 22 Javascript

javascript 终止函数执行操作

Feb 14 Javascript

基于Datatables跳转到指定页的简单实例

Nov 09 Javascript

使用iView Upload 组件实现手动上传图片的示例代码

Oct 01 Javascript

详解webpack引入第三方库的方式以及注意事项

Jan 15 Javascript

JavaScript变量Dom对象的所有属性

Apr 30 Javascript

vscode 插件开发 + vue的操作方法

Jun 05 Javascript

详解vue修改elementUI的分页组件视图没更新问题

Nov 13 Javascript

JavaScript实现前端网页版倒计时

Mar 24 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中new static() 和 new self() 的区别介绍

2015/01/09 PHP

JavaScript与HTML结合的基本使用方法整理

2015/10/12 PHP

php基于自定义函数记录log日志方法

2017/07/21 PHP

php更新cookie内容的详细方法

2019/09/30 PHP

extjs实现选择多表自定义查询功能前台部分(ext源码)

2011/12/20 Javascript

Jquery性能优化详解

2014/05/15 Javascript

用jquery的方法制作一个简单的导航栏

2014/06/23 Javascript

jquery实现简单的banner轮播效果【实例】

2016/03/30 Javascript

javascript中递归的两种写法

2017/01/17 Javascript

Webpack执行命令参数详解

2017/06/17 Javascript

详解webpack的配置文件entry与output

2017/08/21 Javascript

jquery select插件异步实时搜索实例代码

2017/10/20 jQuery

CentOS环境中MySQL修改root密码方法

2018/01/07 Javascript

Vue常用指令详解分析

2018/08/19 Javascript

vue+element加入签名效果（移动端可用）

2019/06/17 Javascript

原生js代码能实现call和bind吗

2019/07/31 Javascript

redux处理异步action解决方案

2020/03/22 Javascript

详解vuejs中执行npm run dev出现页面cannot GET/问题

2020/04/26 Javascript

Python设计模式之单例模式实例

2014/04/26 Python

python assert的用处示例详解

2019/04/01 Python

Python aiohttp百万并发极限测试实例分析

2019/10/26 Python

python画图时设置分辨率和画布大小的实现(plt.figure())

2021/01/08 Python

文员自我评价怎么写

2013/09/19 职场文书

国际会议邀请函范文

2014/01/16 职场文书

教导主任竞聘演讲稿

2014/05/16 职场文书

2014年党支部学习材料

2014/05/19 职场文书

五月的鲜花活动方案

2014/08/21 职场文书

建筑工地文明标语

2014/10/09 职场文书

2014年高数考试作弊检讨书

2014/12/14 职场文书

2015年幼师工作总结

2015/04/28 职场文书

教师法制教育培训学习心得体会

2016/01/14 职场文书

《围炉夜话》110句人生箴言，精辟有内涵，引人深思

2019/10/23 职场文书

晶体管单管来复再生式收音机

2021/04/22 无线电

Javascript 解构赋值详情

2021/11/17 Javascript

python游戏开发Pygame框架

2022/04/22 Python