AngularJS入門教程之ng-checked 指令詳解
更新時間：2016年08月01日 08:50:54 投稿：lqh
本文主要講解AngularJS ng-checked 指令,在這整理ng-checked 指令的基礎(chǔ)知識,并附代碼實例,有需要的小伙伴可以參考下
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 指令用于設(shè)置復(fù)選框(checkbox)或單選按鈕(radio)的 checked 屬性。
如果 ng-checked 屬性返回 true，復(fù)選框(checkbox)或單選按鈕(radio)將會被選中。
語法
<input type="checkbox|radio" ng-checked="expression"></input>
type 為 checkbox 或 radio 的 <input> 元素支持。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 如果返回 true，將會選中元素選項。 |
以上就是對AngularJS ng-checked 指令 的資料整理，后續(xù)繼續(xù)補充，謝謝大家的支持！
您可能感興趣的文章:
相關(guān)文章
本篇文章主要介紹了angular.extend方法的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
angular2/ionic2 實現(xiàn)搜索結(jié)果中的搜索關(guān)鍵字高亮的示例
這篇文章主要介紹了angular2/ionic2 實現(xiàn)搜索結(jié)果中的搜索關(guān)鍵字高亮的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Angularjs實現(xiàn)數(shù)組隨機排序的方法
今天小編就為大家分享一篇Angularjs實現(xiàn)數(shù)組隨機排序的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
今天小編就為大家分享一篇關(guān)于Angular使用Restful的增刪改，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式，通過定義一個共享服務(wù)service來實現(xiàn)此功能，對angularjs共享數(shù)據(jù)相關(guān)知識感興趣的朋友一起學(xué)習(xí)2016-03-03
詳解JavaScript的AngularJS框架中的表達式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達式與指令,文中羅列了幾個常用的指令屬性加以說明,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了angular4筆記系列之內(nèi)置指令小結(jié),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
舉例簡介AngularJS的內(nèi)部語言環(huán)境
這篇文章主要介紹了AngularJS的內(nèi)部語言環(huán)境,展示不同語言環(huán)境下對貨幣或是日期等文本方面所產(chǎn)生的影響,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了AngularJs表單校驗功能實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例
這篇文章主要介紹了Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05