AngularJS入門教程之ng-checked 指令詳解

更新時間：2016年08月01日 08:50:54 投稿：lqh

本文主要講解AngularJS ng-checked 指令,在這整理ng-checked 指令的基礎知識,并附代碼實例,有需要的小伙伴可以參考下

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> 元素支持。

參數(shù)值

值	描述
expression	如果返回 true，將會選中元素選項。

以上就是對AngularJS ng-checked 指令的資料整理，后續(xù)繼續(xù)補充，謝謝大家的支持！

您可能感興趣的文章:

深究AngularJS——ng-checked（回寫：帶真實案例代碼）

angular.extend方法的具體使用
本篇文章主要介紹了angular.extend方法的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
angular2/ionic2 實現(xiàn)搜索結果中的搜索關鍵字高亮的示例
這篇文章主要介紹了angular2/ionic2 實現(xiàn)搜索結果中的搜索關鍵字高亮的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
Angularjs實現(xiàn)數(shù)組隨機排序的方法
今天小編就為大家分享一篇Angularjs實現(xiàn)數(shù)組隨機排序的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
Angular使用Restful的增刪改
今天小編就為大家分享一篇關于Angular使用Restful的增刪改，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2018-12-12
Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式，通過定義一個共享服務service來實現(xiàn)此功能，對angularjs共享數(shù)據(jù)相關知識感興趣的朋友一起學習
2016-03-03
詳解JavaScript的AngularJS框架中的表達式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達式與指令,文中羅列了幾個常用的指令屬性加以說明,需要的朋友可以參考下
2016-03-03
angular4筆記系列之內置指令小結
這篇文章主要介紹了angular4筆記系列之內置指令小結,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
舉例簡介AngularJS的內部語言環(huán)境
這篇文章主要介紹了AngularJS的內部語言環(huán)境,展示不同語言環(huán)境下對貨幣或是日期等文本方面所產生的影響,需要的朋友可以參考下
2015-06-06
AngularJs表單校驗功能實例代碼
這篇文章主要介紹了AngularJs表單校驗功能實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例
這篇文章主要介紹了Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05