如何让多个复选框使用相同的 ng-model？答案

【问题标题】：How to have multiple checkboxes use the same ng-model?如何让多个复选框使用相同的 ng-model？
【发布时间】：2016-09-06 11:53:33
【问题描述】：

我正在使用 Ionic 框架进行移动应用程序开发。我使用相同的 ng-model 设置了多个复选框，因此当我单击一个复选框时，应该单击所有三个复选框。但不存储这些值。但我希望普通的 HTML 复选框（即）值存储在我的数据库中的同一字段中，用逗号分隔。

<label class="item item-input item-floating-label">Gender</label>
<input type="checkbox" ng-model="data.days" value="sunday">sunday
<input type="checkbox" ng-model="data.days" value="monday">monday

【问题讨论】：

我不确定你想要实现什么...在你的例子中，你使用的是单选按钮，而不是复选框。单选按钮的目的是只选择一个选项。另外，你能分享一些你的控制器逻辑吗？证明问题的 plunker 也可能会有所帮助..
首先感谢您的回复。对不起，这是我的错误，它不是单选按钮。现在我改变了

标签： angularjs checkbox ionic-framework

【解决方案1】：

我在单个 ng-model 中得到了一天的工作。

示例代码

<div ng-repeat="day in days1" class="week_days">
        <ion-checkbox ng-model="day.select" style="border:none">{{day.name}}</ion-checkbox>
    </div>

控制器端

$scope.days = [{
            "id": 1,
            "name": "Mon",
            "select": true
        }, {
            "id": 2,
            "name": "Tue",
            "select": true
        }, {
            "id": 3,
            "name": "Wed",
            "select": true
        }, {
            "id": 4,
            "name": "Thu",
            "select": true
        }, {
            "id": 5,
            "name": "Fri",
            "select": true
        }, {
            "id": 6,
            "name": "Sat",
            "select": true
        }, {
            "id": 0,
            "name": "Sun",
            "select": true
        }];

上面的代码是默认的，当点击复选框然后自动修改天对象时，所有复选框都被选中。

【讨论】：

【解决方案2】：

创建一个对象并将其用作您的ng-model。

检查这个 plunker：

https://plnkr.co/edit/YHJDbU24BIaSrmlDTrZy?p=preview

我想这就是你想要的。

【讨论】：