Javascript 禁用div并仅在选择单选按钮选项时启用

如何禁用div并仅在选择单选按钮选项后激活它

选择某个选项时，我可以使用hidden隐藏和show div，但hidden不是所需的属性

有人知道可能的解决办法吗

<div class="col-s" [hidden]="show">

onValueChanged(c){
    if(c!=null){
      this.id= c.value.ID;
      this.show=false;
    }

  }

onValueChanged（c）{
如果（c！=null）{
this.id=c.value.id；
this.show=false；
}
}

您可以设置

指针事件：无

以防止单击

组件html

只有选择->显示时，此按钮才可单击
点击
显示


不显示（不可单击）

组件ts

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
//如果希望初始值为false，请在此处进行更改
show=true；//初始值为true（可单击div）
}

如果

show

为true，则可以单击。如果它是假的，你不能

---

编辑：以下是其工作原理的示例：

---

您可以设置

指针事件：无

以防止单击

组件html

只有选择->显示时，此按钮才可单击
点击
显示


不显示（不可单击）

组件ts

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
//如果希望初始值为false，请在此处进行更改
show=true；//初始值为true（可单击div）
}

如果

show

为true，则可以单击。如果它是假的，你不能

---

编辑：以下是其工作原理的示例：

---

禁用它是什么意思？通常，“禁用”指的是与之相关的操作，例如按钮。您可以使用*ngIf=“c”，这将删除它并将其完全从DOM中添加回来。如果

show

是它所说的意思，您应该将代码更改为：

[hidden]=“！show”

。我不想隐藏，我想显示所有内容，但在选择选项之前阻止所有对该div的单击。禁用它是什么意思？通常，“禁用”指的是与之相关的操作，例如按钮。您可以使用*ngIf=“c”，它将删除它并将其完全从DOM中添加回来。如果

show

是它所说的意思，您应该将代码更改为：

[hidden]=“！show”

。我不打算隐藏，我打算显示所有内容，但是，防止所有点击这个div，直到一个选项是chosenDo，我需要把这个放进去，或者我还需要做什么？我有疑问：（你只需要用单选按钮设置show的布尔值）我需要把这个放进去吗？如果我有疑问，我还需要做什么？我有疑问：（你只需要用单选按钮设置show的布尔值。）