How to enable a disabled text box on checkbox using angular

Question

I have a text box which is disabled using simple disabled html tag. I need to enable it when I click checkbox, again I need to disable it when i uncheck the checkbox.

Possible duplicate of stackoverflow.com/questions/62277274/… — Ajay Jangra
– Ajay Jangra, Commented Jun 3, 2022 at 11:31
Does this answer your question? Angular: How do I enable and disable a textbox by clicking a checkbox? — Roy
– Roy, Commented Jun 3, 2022 at 11:39

Manish Jadhav · Accepted Answer · 2022-06-03 11:41:45Z

0

    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">

answered Jun 3, 2022 at 11:41

Manish Jadhav

134 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ethan Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Ivanquez · Accepted Answer · 2022-06-03 12:21:14Z

0

You can use ngModels in Angular to see enable/disable the button. Also, renember that you can need to create the variable of the ngModel on your AppComponent.

I create a test project for you: https://stackblitz.com/edit/angular-ivy-npvbz5?file=src/app/app.component.html

answered Jun 3, 2022 at 12:21

Ivanquez

663 bronze badges

Collectives™ on Stack Overflow

How to enable a disabled text box on checkbox using angular

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related