javascript - angular中ng-model绑定复选框的值无法获取

问题描述

问 题

在html里有这样几个复选框和一个按钮：

<label class="checkbox-inline"><input ng-model="tiantian" type="checkbox" class="checkbox">天天</label><br>
<label class="checkbox-inline"><input ng-model="quanfeng" type="checkbox" class="checkbox">全峰</label><br>
<label class="checkbox-inline"><input ng-model="yousu" type="checkbox" class="checkbox">优速</label><br>
<label class="checkbox-inline"><input ng-model="yuantong" type="checkbox" class="checkbox">圆通</label><br>
<label class="checkbox-inline"><input ng-model="zhongtong" type="checkbox" class="checkbox">中通</label><br>
<label class="checkbox-inline"><input ng-model="yunda" type="checkbox" class="checkbox">韵达</label><br>
<label class="checkbox-inline"><input ng-model="huitong" type="checkbox" class="checkbox">汇通</label><br><br>
<button ng-click="songdan()" class="btn btn-success">提交</button>

然后在js脚本里写了一个函数，让点击提交按钮时输出这些复选框的值：

     $scope.songdan=function(){
        var arr=new Array();
        console.log($scope.tiantian);
        if ($scope.tiantian==true) arr.push("tiantian");
        if ($scope.quanfeng==true) arr.push("quanfeng");
        if ($scope.yousu==true) arr.push("yousu");
        if ($scope.yuantong==true) arr.push("yuantong");
        if ($scope.zhongtong==true) arr.push("zhongtong");
        if ($scope.yunda==true) arr.push("yunda");
        if ($scope.huitong==true) arr.push("huitong");
        console.log(arr);
    };

然而输出的$scope.tiantian是undefined，输出的arr是[]，请问是为什么啊

解决方案

http://stackoverflow.com/a/14520103/2586541

这篇关于javascript - angular中ng-model绑定复选框的值无法获取的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！