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

Javascript 如何禁用每天的复选框并使用Angular.js获取选定的值?,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个表,其中一些动态下拉列表显示了7天。我还有+按钮实现,它可以在一天内动态创建更多行 对于每一行,我都有一个复选框。在这里我需要为每个用户每天只能检查两个复选框,其他将保持禁用 在我的情况下,在勾选了total table中的2复选框后,其他选项将被禁用,但这里我需要每天禁用 我的所有工作代码都存在于: 在那里你可以找到一个Edit按钮;我需要当用户点击编辑按钮时,存储的数据(点击存储按钮)将再次通过复选框设置在必填字段上 我的所有代码都是。这就是您需要的,您的问题有点难理解: 因此,与禁

我有一个表,其中一些动态下拉列表显示了7天。我还有
+
按钮实现,它可以在一天内动态创建更多行

对于每一行,我都有一个复选框。在这里我需要为每个用户每天只能检查两个复选框,其他将保持禁用

在我的情况下,在勾选了total table中的2复选框后,其他选项将被禁用,但这里我需要每天禁用

我的所有工作代码都存在于:

在那里你可以找到一个
Edit
按钮;我需要当用户点击编辑按钮时,存储的数据(点击存储按钮)将再次通过复选框设置在必填字段上


我的所有代码都是。

这就是您需要的,您的问题有点难理解:

因此,与禁用的功能不同:

  $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>

请点击这里:

似乎按照你的要求去做,2走后禁用

检查此附加链接:


有关更多信息

您希望实现什么?“我需要每天禁用”,何时必须禁用它?让我再次解释。转到该plunkr代码。假设用户已为
星期一选中最多两个复选框,并且对于该星期一用户无法选择更多复选框,它将保持禁用状态。全天相同。对,它不会发生在整个表中。