首页 > web前端 > js教程 > 正文

angular raido checkbox select取值的实例介绍

零下一度
发布: 2017-06-30 10:17:30
原创
1516 人浏览过

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>
登录后复制

以上是angular raido checkbox select取值的实例介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板