Maison > interface Web > js tutoriel > le corps du texte

Exemple d'introduction de la valeur de sélection de la case à cocher raido angulaire

零下一度
Libérer: 2017-06-30 10:17:30
original
1509 Les gens l'ont consulté

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>
Copier après la connexion

case à cocher

{{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>
Copier après la connexion

 sélectionner

{{selectData}}<select ng-model="selectData">
    <option ng-repeat="item in dataList" ng-click="selectData = item.value">{{item.name}}</option>
</select>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal