angularJs(2)表单中下拉框单选多选

本文转载自查看原文 2017-04-21 20:20 2614

多选

<input type="checkbox" ng-model='game' ng-true-value="1" ng-false-value="0"/>游戏
<input type="checkbox" ng-model="video" ng-true-value="1" ng-false-value="0"/>电影

单选

<input type="radio" ng-model="sex" value="1" />
<input type="radio" ng-model="sex" value="0" />

下拉框
$scope.citys=$scope.data[0].city; 解决第一个选项为空白

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .ng-cloak{
            display: none;
        }
    </style>
</head>

<body ng-app="app" ng-controller="ctr" ng-cloak class="ng-cloak">

<select  ng-model="citys">

    <option ng-repeat="item in data">{{item.city}}</option>
</select>
<p>{{citys}}</p>
<script src="../angular.js"></script>
<script>
    angular.module('app',[])
            .controller('ctr',function($scope){
             $scope.data=[
                 {
                     city:'北京',
                     code:541654
                 },
                 {
                     city:'上海',
                     code:5756
                 },
                 {
                     city:'广州',
                     code:54454
                 }
             ];
                $scope.citys=$scope.data[0].city;


            })
</script>

</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 angularJs实现下拉框多选 angularjs中下拉框select 第一个为空白 angularjs中下拉框select option默认值【javascript】js 美化单选，多选和下拉框 vue 下拉框单选、多选以及默认值 extjs下拉框，多选，单选，动态传值 flask中单选、多选、下拉框的获取 vue 表格中的下拉框单选、多选处理 fastadmin 下拉框（单选） dropdown多选下拉框