我的 html 代码,
<div>
<div>
<input type="checkbox" id="Checkbox0" name="cCheckbox0" class="custom-control-input" (change)="checkSelected(checkBox[0].label)">
<label class="label" for="Checkbox0" >first</label>
</div>
<div>
<input type="checkbox" id="Checkbox1" name="cCheckbox1" class="custom-control-input" (change)="checkSelected(checkBox[1].label)">
<label class="label" for="Checkbox1" >first</label>
</div>
<div>
<input type="checkbox" id="Checkbox2" name="cCheckbox2" class="custom-control-input" (change)="checkSelected(checkBox[2].label)">
<label class="label" for="Checkbox2" >first</label>
</div>
</div>
<div>
<div>
<input type="checkbox" id="Checkbox3" name="cCheckbox3" class="custom-control-input" (change)="checkSelected(checkBox[3].label)">
<label class="label" for="Checkbox3" >first</label>
</div>
<div>
<input type="checkbox" id="Checkbox4" name="cCheckbox4" class="custom-control-input" (change)="checkSelected(checkBox[4].label)">
<label class="label" for="Checkbox4" >first</label>
</div>
<div>
<input type="checkbox" id="Checkbox5" name="cCheckbox5" class="custom-control-input" (change)="checkSelected(checkBox[5].label)">
<label class="label" for="Checkbox5" >first</label>
</div>
</div>
同样,我在包含复选框的同一个 html 文件中还有两个单独的 div。我需要做的是点击第一个 div 中的第一个复选框,我需要禁用第一个 div、第二个 div 和第三个中的所有其他复选框。
由于我对 Angular 完全陌生,所以我不知道如何在此处禁用它。我试过使用 ng-disabled 但它似乎不起作用。有人可以帮我解决这个问题吗?
最佳答案
对于 Angular 2+,您可以通过在 input type=checkbox
上设置 disabled
属性来启用/禁用复选框。
使用: [attr.disabled]="isDisabled ? true : null"
请注意,单独使用 [attr.disabled]="isDisabled
是行不通的。您需要将 disabled 属性显式设置为 null
才能从 disabled 中移除 disabled 属性复选框。
<input type="checkbox" [attr.disabled]="isDisabled ? true : null" />
关于html - 如何根据 Angular 6 中的条件禁用复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51773017/