javascript - 如何在 angular js 中为 ng-disabled 设置多个值?

标签 javascript html angularjs angularjs-directive

如何在 angular js 中为 ng-disabled 设置多个值?

我的问题用以下 JS fiddle 解释: http://jsfiddle.net/FJf4v/10/

    <div ng-app>
<div ng-controller="myCnt">

    <h3>A ->> <input type="checkbox" ng-model="check"> </input></h3>
    <h3>B ->> <input type="checkbox" ng-model="check"> </input></h3>  

    <br/>
    <input type="checkbox" ng-disabled="check">Chkbox1 to be disabled</input>
    <input type="checkbox" ng-disabled="check">Chkbox2 to be disabled</input>
    <hr/>
</div>
</div>

Javascript:
function myCnt($scope) {
//
}

在这个 fiddle 中,共有 4 个标记为 A、B、Chkbox1 和 Chkbox2 的复选框。 我正在寻找的是在选中 A 和 B 复选框之一后禁用 chkbox1 和 chkbox2。然而,它完成了一半。如果您单击 A 或 B,这两个按钮都会被选中,下面的复选框将被禁用。但是,如果我只单击其中任何一个,我不想同时选中 A 和 B 复选框。

我希望,你会明白我的问题。

谢谢!!

最佳答案

使用两个单独的变量,即 checkS 和 check。对于 ng-disabled,它们使用这样的逻辑 OR 运算符:

ng-disabled="checkA || checkB"

我认为这就是您想要实现的...?

关于javascript - 如何在 angular js 中为 ng-disabled 设置多个值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18261685/

相关文章:

javascript - 如何连接 document.getElementById 中的数据

html - Flexbox 不适用于页面响应

Javascript : one function , 许多 div

javascript - HTML5 拖放效果允许和 dropEffect

javascript - 如何用纯 JavaScript 替换 jQuery 的 toggleClass 方法?

javascript - 具有动态键名的 Reactjs setState()?

javascript - 选择特定的 div 并使用 Angular 的 jqLit​​e 获取 outerHeight

html - CSS不正确的元素高度

javascript - 将当前用户传递给 angularjs 中的工厂

javascript - 无法访问 angular.js Controller 中的变量