javascript - angular中ng-model绑定复选框的值无法获取
本文介绍了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屋!
查看全文