angularJs復選框checkbox選中進行ng-show顯示隱藏的方法

來源：懂視網責編：小采時間：2020-11-27 22:06:31

angularJs復選框checkbox選中進行ng-show顯示隱藏的方法

angularJs復選框checkbox選中進行ng-show顯示隱藏的方法:如下所示： ng-true-value=1 //代表選中的時候，值為1 ng-false-value=0 //代表未選中的時候，值為0 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <sc

推薦度：

點擊下載本文 文檔為doc格式

導讀angularJs復選框checkbox選中進行ng-show顯示隱藏的方法:如下所示： ng-true-value=1 //代表選中的時候，值為1 ng-false-value=0 //代表未選中的時候，值為0 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <sc

如下所示：

ng-true-value="1" //代表選中的時候，值為1
ng-false-value="0" //代表未選中的時候，值為0

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
 游戲: <input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">
 電影: <input type="checkbox" ng-model="data.video" ng-true-value="1" ng-false-value="0">
 <div ng-show="data.game==1">
 <h1>游戲被選中</h1>
 </div>
 <div ng-show="data.video==1">
 <h1>電影被選中</h1> 
 </div>
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
 $scope.data = {game: 0, video: 0}; //初始化未選中，值為0
 }]);
</script>
</body>
</html>

以上這篇angularJs復選框checkbox選中進行ng-show顯示隱藏的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

angularJs復選框checkbox選中進行ng-show顯示隱藏的方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法 angularjs checkbox選中

熱門焦點

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

angularJs復選框checkbox選中進行ng-show顯示隱藏的方法

angularJs復選框checkbox選中進行ng-show顯示隱藏的方法

angularJs復選框checkbox選中進行ng-show顯示隱藏的方法

最新推薦

猜你喜歡

熱門推薦