angularjs - 如果至少选中一个复选框，则应启用 Angular JS + Button 怎么做？

Question

我想要一个只有在一组复选框中的至少一个被选中时才会启用的按钮，类似于 http://jsfiddle.net/chriscoyier/BPhZe/76 处的 fiddle :

var checkboxes = $("input[type='checkbox']"),
    submitButt = $("input[type='submit']");

checkboxes.click(function() {
    submitButt.attr("disabled", !checkboxes.is(":checked"));
});

我想使用 AngularJs 来实现它。

Answer 1

向您的 Controller 添加一个函数，检查是否选中了任何复选框。如果单选按钮被选中，它的值将为真。然后，在 HTML 中使用 ng-disabled按钮上的指令并将其设置为等于函数的结果。示例:

Controller :

$scope.isCheckboxChecked = function() {
    return ($scope.checkbox1 || $scope.checkbox2 || $scope.checkbox3);
}

HTML:

<button type="button" ng-disabled="!isCheckboxChecked()">My Button</button>

如果您发布您已经尝试过的代码将会很有帮助。我的回答是假设您已经有了使用 ng-model 指令的功能复选框，并且只是在寻找如何在选中任何按钮时禁用按钮。

更新:

如果您还没有将复选框绑定(bind)到您的 Controller ，这里有一个示例。请注意使用 ng-model 绑定(bind)到范围内的 $scope.checkbox1 或 $scope.checkbox2 变量。

<input type="checkbox" ng-model="checkbox1">Checkbox 1
<input type="checkbox" ng-model="checkbox2">Checkbox 2