您好,欢迎来到测品娱乐。
搜索
您的当前位置:首页angularraidocheckboxselect取值的实例介绍

angularraidocheckboxselect取值的实例介绍

来源:测品娱乐


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>

checkbox

{{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>

select

{{selectData}}<select ng-model="selectData">
 <option ng-repeat="item in dataList" ng-click="selectData = item.value">{{item.name}}</option>
</select>

Copyright © 2019- cepb.cn 版权所有 湘ICP备2022005869号-7

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务