首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在复选框处于隐藏状态时禁用复选框

如何在复选框处于隐藏状态时禁用复选框
EN

Stack Overflow用户
提问于 2020-09-10 08:31:57
回答 1查看 35关注 0票数 0

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

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

代码:

代码语言:javascript
运行
AI代码解释
复制
<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>

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

EN

回答 1

Stack Overflow用户

发布于 2020-09-10 08:48:16

在.html中

代码语言:javascript
运行
AI代码解释
复制
<select (change)="onchanged()">
        --------------
    </select>

以ts为单位

代码语言:javascript
运行
AI代码解释
复制
onchanged()
{
  this.IsChecked = false
}

或者(编辑)

代码语言:javascript
运行
AI代码解释
复制
<input type="checkbox" [(ngModel)]="IsChecked" #filterName data-md-icheck />

<select (change)=" filterName.value = false ">
            --------------
        </select>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63825792

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档