ionic单选框redio

来源:互联网 发布:子域名 需要备案吗 编辑:程序博客网 时间:2024/04/28 12:21


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/lib/js/angular/angular.min.js"></script>
    <script>
    var app = angular.module("myApp",[]);
    app.controller("myCtrl",function($scope){

    $scope.radios = [{
    keys:"A",
    value:"A选项"
    },{
    keys:"B",
    value:"B选项"
    },{
    keys:"C",
    value:"C选项"
    },{
    keys:"D",
    value:"D选项"
    }];
    $scope.haha = {
    hehe:"A"
    };
    });
    </script>
    </head>
    <body ng-app="myApp" ng-controller="myCtrl">
    <ul ng-repeat="i in radios">
    <input type="radio" name="ra" 
    ng-value="i.keys" 
    ng-model="haha.hehe"/>
    {{i.value}}<br/>

    </ul>
    <p>{{haha.hehe}}<p/>
    </body>
    </html>
    原创粉丝点击