如何每天禁用复选框并使用 Angular.js 获取选定的值？

Question

我有一张表，其中存在一些动态下拉列表 7 天。 我还有+按钮实现，它可以在一天内动态创建更多行。

对于每一行，我都有复选框。 在这里，我需要用户每天最多只能选中两个复选框，其他将保持禁用状态。

在我的情况下，从总表中的 2 个复选框中选中后，其他正在禁用，但在这里我需要每天禁用。

我所有的工作代码都在里面： plunkr 。

在那里你可以找到一个Edit按钮； 我需要当用户单击编辑按钮时，存储的数据（单击存储按钮）将再次设置在带有复选框的必填字段上。

我的所有代码都在这里。

Answer 1

这是您所需要的吗，有点难以理解您的问题：

因此，而不是您禁用的功能：

  $scope.chk =[];
  $scope.isDisabled = function(dayName) {
    var count = 0;
    if ($scope.chk[dayName]) {
      for (var prop in $scope.chk[dayName]) {
        if ($scope.chk[dayName][prop]) count++;
      }
    }
    return count++ === 2;
  };

请注意禁用功能上方的行。 然后你的html：

    <td>
    <input type="checkbox" 
           name="{{d.day_name}}" 
           value="true"
           ng_model="chk[d.day_name][$index]"
           ng-checked="answerIsSelected($parent.$index, $index)"
           ng-click="toggleAnswerSelected($parent.$index, $index)"
           ng-disabled="isDisabled('{{d.day_name}}')" /> 
    </td>

Plunk 这里： Plunky McPlunk

似乎按您的要求做，2 次后禁用。

检查此附加链接： 更多见解

欲了解更多信息