AngularJS ng-checkedディレクティブ

定義と使用法

ng-checked チェックボックスやラジオボタンのchecked属性を設定するために使用されます。

ディレクティブは、 ng-checked 属性の式がtrueを返した場合、チェックボックスやラジオボタンを選択します。

ng-checked ディレクティブは、 truefalse の間で値を切り替えることは必要です。HTMLでは、 checked 属性が設定されています: false(checked属性が存在する場合、値に関わらず要素が選択されます)。

すべてを選択するには、チェックを入れるだけでいいです:

<body ng-app="">
<p>私の車:</p>
<input type="checkbox" ng-model="all"> 全選<br><br>
<input type="checkbox" ng-checked="all">ボルボ<br>
<input type="checkbox" ng-checked="all">フォード<br>
<input type="checkbox" ng-checked="all">メルセデス
</body>

自分で試してみる

文法

<input type="checkbox|radio" ng-checked="expression</input>

チェックボックスやラジオボタンの <input> 要素サポート。

パラメータ

パラメータ 説明
expression エクスプレッションが true を返す場合、チェックボックスの checked 属性が設定されます。