【问题标题】:how to disable the checkbox if the checkbox is hidden如果复选框被隐藏,如何禁用复选框
【发布时间】:2020-09-10 17:02:14
【问题描述】:

我有一个下拉菜单,根据下拉菜单中的选择,我会显示一个复选框。

所以我能够做到这一点。但是,当我一旦选择需要显示复选框的选项并选中复选框时,如果我选择不会显示复选框的选项,那么我仍然会在按钮单击时看到值 true。我该如何解决这个问题?

代码:

<label *ngIf="selectedTemplate.name == 'A'" class="container">
              <input type="checkbox" [(ngModel)]="IsChecked" data-md-icheck />
              <span class="customFontAgHeader">Include A</span>
              <span class="checkmark"></span>
            </label>

所以在按钮单击时,我仍然看到 ischecked 为 true,因为之前我选择了 true,然后我更改了下拉选项,所以我想取消选中它。

【问题讨论】:

    标签: angular typescript


    【解决方案1】:

    在.html中

    <select (change)="onchanged()">
            --------------
        </select>
    

    在ts中

    onchanged()
    {
      this.IsChecked = false
    }
    

    否则(编辑)

    <input type="checkbox" [(ngModel)]="IsChecked" #filterName data-md-icheck />
    
    <select (change)=" filterName.value = false ">
                --------------
            </select>
    

    【讨论】:

    • 没有这个可以吗?直接来自 HTML 的东西?
    猜你喜欢
    • 1970-01-01
    • 2014-07-11
    • 1970-01-01
    • 1970-01-01
    • 2013-05-23
    • 2023-03-27
    • 2017-02-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多