javascript - AngularJS 多选复选框下拉列表与选定的复选框

标签 javascript angularjs checkbox

我有一个简单的多选复选框下拉列表。正如我在下面给出的。

<select name="edit_tags" class="form-control" id="advisor_article_tagsx" multiple="" required>
      <option ng-repeat="service in services" value="{{service.id}}">{{service.name}}</option>
</select>

现在我希望某些复选框(例如索引 1,3,5)带有选定的复选框。

下面给出了我的 AngularJS 代码。

$scope.article_edit = function(articles) {
  $scope.services = [$scope.model[0], $scope.model[1]];
} 

那我需要做什么呢??

谢谢

最佳答案

为什么不在选择字段上使用具有良好支持的 ng-options 和 ng-model 。所以你的模板可以是:

<select name="edit_tags" class="form-control" id="advisor_article_tagsx" multiple="" 
 required ng-model="selected" ng-options="service as service.name for service in services">
</select>

Working plunker example

关于javascript - AngularJS 多选复选框下拉列表与选定的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45593200/

相关文章:

javascript - 通过 AJAX 发送和接收 |电话间隙应用程序

javascript - DOM 未使用绑定(bind)的 $scope 对象进行更新

javascript - JQuery 的事件和非事件复选框

javascript - 验证动态单选按钮、复选框和文本区域

c# - Razor 复选框未绑定(bind)到模型

javascript - 使用 JavaScript 将类添加到特定的 href 元素

php - json_decode 不解释数组

c# - 5 秒后自动隐藏图像

javascript - 如果列文本在 Angular View 中太长,请将其放入工具提示中

javascript - 通过子数组过滤对象