在一个按钮上禁用多个元素

Posted 2023-03-13

【中文标题】在一个按钮上禁用多个元素

【英文标题】：Disabling several elements on one button

【发布时间】：2019-02-15 20:01:25

【问题描述】：

我正在尝试使用一个按钮来切换多个元素的禁用状态。我做了只切换一个元素状态的功能。

    Disabled() 
      var element = <htmlInputElement>document.getElementById("input");
      if (element.disabled == true) 
          element.disabled = false;
       else 
          element.disabled = true;
      
    

我应该改变什么才能让它工作？

【参考方案1】：

您可以将输入的 disabled 属性绑定到代码中的变量并在点击时更改该变量：

<input ng-disabled="disabled"/>
<button ng-click="disabled = !disabled">
  Disable
</button>

示例：https://stackblitz.com/edit/angularjs-n78yrt?file=home%2Fhome.html

更新：Stackblitz 改为在没有 ng-syntax 的情况下工作

【讨论】：

它不想工作。是否可以通过某种方式更改我的代码以按我想要的方式工作？因为 ng - bidings 有时在我的项目中不起作用，不知道为什么，这就是其中之一。

我更新了我的 stackblitz 示例以在没有它的情况下工作。但我建议看看为什么 ng-binding 有时不起作用。因为只做一个回合，肯定会把你带到极限。