如何每天禁用復選框並使用 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 次后禁用。

檢查此附加鏈接： 更多見解

欲了解更多信息