radio
{{modelName}}<div class="radio disIB"> <label class="i-checks"> <input type="radio" name="name" ng-model="modelName" value="1"> //因为单选 ng-model为同一个值,value是选中时候获取到的值 <i></i>11</label> </div> <div class="radio disIB"> <label class="i-checks"> <input type="radio" name="name" ng-model="modelName" value="2"> <i></i>22</label> </div>
複選框
{{ckone}} ,{{cktwo}}<div class="checkbox checkbox-primary m-t-0"> <label> <input type="checkbox" ng-model="ckone" ng-true-value="1" ng-false-value="2"> //多选时 model名不同 ng-true-value:选中的时候值 ng-false-value:取消选择的值 <span class="cr"><i class="cr-icon fa fa-check"></i></span> </label> </div> <div class="checkbox checkbox-primary m-t-0"> <label> <input type="checkbox" ng-model="cktwo" ng-true-value="3" ng-false-value="4"> <span class="cr"><i class="cr-icon fa fa-check"></i></span> </label> </div>
選擇
{{selectData}}<select ng-model="selectData"> <option ng-repeat="item in dataList" ng-click="selectData = item.value">{{item.name}}</option> </select>
以上是angular raido checkbox select取值的實例介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!