我有一個使用簡單的禁用 html 標記禁用的文本框。當我單擊復選框時我需要啟用它，當我取消選中復選框時我需要再次禁用它。
uj5u.com熱心網友回復：
HTML
<input id="textbox" type="text" name="demo">
<input id="checkbox" type="checkbox" onclick="setInput()" name="demo">
Javascript
function setInput(){
var textbox = document.getElementById("textbox");
var checkbox= document.getElementById("checkbox");
if(checkbox.checked == true){
textbox .disabled = false;
}else{
textbox .disabled = true;
}
}
嘗試這個
uj5u.com熱心網友回復：
checkValue = false;
InputDisabled = true;
ChangeEvent(){
if(this.checkValue)
{
this.InputDisabled = false;
} else
{
this.InputDisabled = true;
}
} <label for="">Add text to destination filename?</label>
<input class="form-check-input" type="checkbox" [(ngModel)]="checkValue" (change)="ChangeEvent()" id="flexCheckDefault">
<label for="">Text</label>
<input type="text" style="width: 100px;" [disabled]="InputDisabled">uj5u.com熱心網友回復：
您可以在 Angular 中使用ngModels來查看啟用/禁用按鈕。另外，請記住，您可能需要在 AppComponent 上創建 ngModel 的變數。
我為您創建了一個測驗專案： https ://stackblitz.com/edit/angular-ivy-npvbz5?file=src/app/app.component.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/485639.html
上一篇：鍵入“串列|undefined'不可分配給型別'Listing'。型別“未定義”不可分配給型別“串列”
下一篇：如何更改材質單選按鈕的文本顏色