javascript – 如何获取AngularJS中多个复选框的值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何获取AngularJS中多个复选框的值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1010字，纯文字阅读大概需要2分钟。

内容图文

在我的应用程序中,我有7个复选框.我想获取所选复选框的值并存储到对象中.如果取消选择,我想在对象中删除它.

HTML

<span ng-repeat="days in selectDays">
    <input type="checkbox" id="{{days}}" ng-model="daysSelected"/>
    <label for="{{days}}">{{days}}</label>
</span>

调节器

$scope.selectDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
$scope.selectedList = {}; //this is the object to store the selected checkbox values

解决方法:

以下代码是一种简单的方法 – >检查这个plunker.这个例子为你提供了一个非常简单的KISS principle处理,用于AngularJS中多个自动生成的复选框.

模板

<span ng-repeat="day in selectDays">
    <input type="checkbox" id="{{day}}" ng-model="selectedList[day]"/>
    <label for="{{day}}">{{day}}</label>
</span>
<button ng-click="submit()">Submit</button>

领域

//default states
$scope.selectDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
$scope.selectedList = {};

/**
 * Action
 */
$scope.submit = function () {
    angular.forEach($scope.selectedList, function (selected, day) {
        if (selected) {
           console.log(day);
        }
    });
};

内容总结

以上是互联网集市为您收集整理的javascript – 如何获取AngularJS中多个复选框的值？全部内容，希望文章能够帮你解决javascript – 如何获取AngularJS中多个复选框的值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端