「AngularJS入門」ngCheckedディレクティブのサンプル
構文
<input type="checkbox|radio" ng-checked="expression"></input>
typeはcheckboxまたはradioの<input>要素を利用
チェックする場合trueを返す、チェックしない場合falseを返します。
使用例
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<p>Ｔｅｓｔ Data:</p>
<input type="checkbox" ng-model="all">All Ｉｔems<br><br>
<input type="checkbox" ng-checked="all">A001<br>
<input type="checkbox" ng-checked="all">B002<br>
<input type="checkbox" ng-checked="all">C003
<p>「All Items」をクリックし、全て項目を選択します。</p>
</body>
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<p>Ｔｅｓｔ Data:</p>
<input type="checkbox" ng-model="all">All Ｉｔems<br><br>
<input type="checkbox" ng-checked="all">A001<br>
<input type="checkbox" ng-checked="all">B002<br>
<input type="checkbox" ng-checked="all">C003
<p>「All Items」をクリックし、全て項目を選択します。</p>
</body>
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<p>Ｔｅｓｔ Data:</p>
<input type="checkbox" ng-model="all">All Ｉｔems<br><br>
<input type="checkbox" ng-checked="all">A001<br>
<input type="checkbox" ng-checked="all">B002<br>
<input type="checkbox" ng-checked="all">C003
<p>「All Items」をクリックし、全て項目を選択します。</p>
</body>