How to check whether a button is disabled using typescript and angular 2

Question

I am trying to enable buttonA if buttonB is not disabled (of course there are other conditions not relevant to question). I need to determine in my typescript whether buttonB is disabled. Obviously you can't use this.buttonB.nativeElement.disabled == true .... I just put it in as a placeholder. I am using Angular 2.

@ViewChild('buttonB') buttonB;

if (this.buttonB.nativeElement.disabled == true){
  console.log('Button B is enabled');
} else console.log('Button is disabled');

Can you provide the html of the button block?

ymssa___
– ymssa___

2019-03-28 04:17:03 +00:00
Commented Mar 28, 2019 at 4:17 — ymssa___
– ymssa___, Commented Mar 28, 2019 at 4:17

wentjun · Accepted Answer · 2019-03-28 03:21:03Z

1

Here is how you can do it.

First, you use Document.querySelector() (Or document.getElementById(), getElementsByTagName(), etc) to retrieve the button Element (lets assume it has a class of buttonA). Next, you can simply access its attributes and check its values.

If you want to check its disabled attributes, you can simply do check for the value in button['disabled'].

const button = document.querySelector('.buttonA');
console.log(button['disabled']) //prints true or false

answered Mar 28, 2019 at 3:21

wentjun

42.8k10 gold badges108 silver badges116 bronze badges

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

Collectives™ on Stack Overflow

How to check whether a button is disabled using typescript and angular 2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related