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">Volvo<br>
<input type="checkbox" ng-checked="all">Ford<br>
<input type="checkbox" ng-checked="all">Mercedes
</body>

직접 테스트해 보세요

문법

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

체크박스나 단일 선택형 <input> 지원되는 요소

매개변수

매개변수 설명
expression 표현식이 true를 반환하면 체크된 요소의 checked 속성을 설정합니다.